【JavaScript】关于使用new Date时js与ios的兼容性问题

Shy1kk

已于 2023-04-10 15:59:58 修改

阅读量489

点赞数

CC 4.0 BY-SA版权

分类专栏： JS 文章标签： ios js 前端 html javascript

于 2023-04-10 15:51:34 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_47415511/article/details/130061967

JS 专栏收录该内容

4 篇文章

订阅专栏

前几日在做一个微信公众号H5页面时使用了new Date，在PC和安卓上都可以正常运行，到ios上测试的时候发现加载页面不完全，并且会不停地自动刷新。

最后发现是ios中对new Date 的格式有要求

安卓系统两种时间字符串格式都是可以实现转换的，但是在 ios 平台下 "2023-04-10" 这种时间字符无法实现转换的，

ios 平台只识别 "2023/4/10" 这种时间字符串格式格式， 所以我们需要对字符串做一个转换

var str = '2023-04-10 15:35:22'

str = str.replace(/-/g, '/')

new Date(str)

这样就可以正常运行了

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Shy1kk

关注关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

JS IOS/iPhone的Safari浏览器不兼容Javascript中的Date()问题如何解决

11-28

var date = new Date('2016-11-11 11:11:11'); [removed](date); 最近在写一个时间判断脚本，需要将固定好的字符串时间转换为时间戳进行比较，在做的时候个人习惯使用chrome作为调试工具，代码基本完成之后，一切...

解决苹果ios用js的Date()出现NaN的问题

08-27

4. **跨浏览器兼容性处理**：为了确保代码在各种环境下都能正确工作，可以使用库如Moment.js或者使用`Date.parse()`函数（虽然它也有其自身的兼容性问题）来解析日期字符串。例如，使用Moment.js： ```javascript ...

参与评论您还未登录，请先登录后发表或查看评论

JavaScript `new Date()` 方法移动端 `兼容 ios`

weixin_51052286的博客

07-25

795

`new Date()` 方法移动端 `兼容 ios`

IOS中JS new Date不兼容问题

foreversilent的专栏

07-12

390

最近一个项目中显示倒计时。但在PC浏览器和Android都是没问题，但在用苹果手机有问题。最后网上查了些资料发现是因为IOS不兼容年-月-日横杠分割的这种形式，只能用斜杠 / 分割年/月/日关键代码 letnowExpirationTime =2021-07-12 23:59:59 new Date(nowExpirationTime.replace(/-/g, '/')).getTime() nowExpirationTime的时间格式为：2021-07-12 23:59:5..

JavaScript `new Date()` 方法移动端 `兼容 ios`，ios环境new Date()返回NaN

最新发布

Superxpang的博客

04-14

346

构造函数对时间字符串的格式要求比其他平台更严格。，这通常是由于时间字符串的格式问题。原因：ios端不兼容“-”为连接符的时间。IOS 不支持某些时间格式，例如。安卓与ios都可兼容！在 iOS 环境下，

js new Date() IOS不兼容

u010973264的专栏

09-29

392

参考：https://blog.youkuaiyun.com/chelen_jak/article/details/98215109 最近在一段JS里根据商品的生实效时间去控制商品的显示。但在PC浏览器和Android都是没问题，但在用苹果手机或者IPD都有问题。关键代码： if (!(currentTime>new Date(item.startDate)).getTime() && currentTime<new Date(item.endDate).getTime())) {} it

JS_new Date(“2024-09-27 16:37:31“) 在部分 iOS 下无法正常使用，iOS 只支持 “yyyy/MM/dd“、“yyyy/MM/dd HH:mm:ss“、“yyyy-

小歪博客

09-11

974

new Date(“2024-09-27 16:37:31”) 在部分 iOS 下无法正常使用，iOS 只支持 “yyyy/MM/dd”、“yyyy/MM/dd HH:mm:ss”、“yyyy-MM-dd”、“yyyy-MM-ddTHH:mm:ss”、“yyyy-MM-ddTHH:mm:ss+HH:mm” 的格式。在微信小程序中使用new Date(“YYYY-MM-DD hh:mm:ss”)转换时间时，出现了警告，导致使用苹果手机时，时间转换的结果为null，无法正常显示。将’-‘直接替换为’/’

JS重写Date函数，兼容IOS系统

milugloomy的博客

09-21

2230

IOS系统Date的坑要创建一个指定时间的new Date对象时，通常的做法是： new Date("2020-09-21 11:11:00") 这行代码在 PC 端和安卓端都是正常的，而在 iOS 端则会提示 Invalid Date 无效日期。在IOS年月日中间的横岗许换成斜杠，也就是 new Date("2020/09/21 11:11:00") 通常为了兼容IOS的这个坑，需要做一些额外的特殊处理，笔者在开发的时候经常会忘了兼容IOS系统。所以就想试着重写Date函数，一劳永逸，避免每次ne

微信小程序中遇到的iOS兼容性问题小结

12-12

下面将详细分析这些常见的iOS兼容性问题及其解决方案。 1. **iOS中`input`的`placeholder`属性字体不居中** 在iOS设备上，`input`元素的`placeholder`文本可能会出现垂直居中对齐不正确的情况。为解决此问题，可以...

ios不兼容javascript 时间 new Date('xxxx-xx-xx') 解决方案

senyzy的博客

06-15

3772

解决方法1:new Date("2018-06-14 00:00:00".replace(/-/g,'/')).getTime()解决方法2:new Date("2018/06/14 00:00:00").getTime()若按照正常写法 new Date("2018-06-14 00:00:00").getTime();ios中显示NaN,若按照 new Date('2018','06','14...

【js大坑】苹果ios的日期时间兼容问题

coderYYY的博客

01-24

2875

（如果是new Date获取的日期，需要先转为。苹果手机ios系统不支持日期。，导致实际使用的差异性。

js的new Date兼容iOS和Android

weixin_30492047的博客

11-09

150

　　在写一个移动端的报名活动页面时，其中一个逻辑是：过了报名日期，“立即报名”按钮置灰，不允许报名；具体逻辑如下，在真机上测试的时候，Android端可以把按钮失效，iOS则是无法把按钮失效。后台返回的时间格式：yyyy-MM-dd HH:mm:ss。一、分析　　Android端是兼容以下两种日期格式的（yyyy-MM-dd HH:mm:ss、yyyy/MM/dd HH:mm...

js new Date() 在IOS中的坑

輕描淡寫的博客

03-26

393

var u = navigator.userAgent; var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端 var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端 if(isAndroid){ console.log('是安卓'); } if(isiOS){ console.log('是io.

js 兼容ios时间 new Date(‘xxxx-xx-xx‘) 解决方案

qq_39967527的博客

07-15

779

若按照正常写法 new Date("2020-07-15 00:00:00").getTime(); 在ios会解析失败，结果为NaN。该结果的原因是因为ios不识别该时间的格式，ios只识别”2020/07/15 12:12:12“的格式，所以只需要把时间的格式进行转换即可。如果是"2020-07-15 00:00:00"这种格式，需要进行格式转化为"2020/07/15 00:00:00")，解决方案： new Date("2020-07-15 00:00:00".replace(/-/g,'/')

ios版本太低，new Date()会出现兼容问题

Wancc123的博客

04-21

840

【代码】ios版本太低，new Date()会出现兼容问题。

【前端笔记】js日期格式在iOS上的兼容问题

bg的博客

04-10

995

问题描述：js中new Date (“2023-04-10”)在Android系统上没问题，在iOS系统上解析为NaN，无法得到正确结果。解决办法：new Date()构造函数在iOS系统上不识别带横杠格式的日期字符串，将日期格式“-”改为"/"即可。

js 移动端 ios 时间戳兼容性问题

qq_37309987的博客

09-08

432

问题描述：两个日期字符串转时间戳比较，安卓机型正常，ios机型失效。

Js new Date()方法移动端兼容 ios

weixin_42136202的博客

02-06

3113

//直接: let str = '2019-11-09 10:13:21'; // 这种格式 ios不兼容使用new date() &amp;amp;gt;==&amp;amp;gt; NaN str = str.replace(/\-/g, &amp;quot;/&amp;quot;); // 兼容ios '2019/11/09 10:13:21' let iosstr = '2019/11/09 10:13:21'; // 兼容ios写法

JS处理时间兼容IOS

LonlyTree的水源

07-13

794

原因：IOS中的时间格式会用 - 或 . 分隔，而new Date()并不识别这种格式(已可识别-)。当用new Date()初始化时间时，IOS非正常显示，debugger时会显示NAN。解决：把连接符替换为可识别的/

微信小程序 new Date

09-06

引用中提到，iOS系统对于JavaScript中的new Date()方法有格式要求。在小程序开发中，苹果手机无法正常处理带有"-"格式的日期字符串，只能处理带有"/"格式的日期字符串。所以在使用new Date()方法时，需要将日期字符串中的"-"替换为"/"才能在iOS上正常转换成日期对象。引用中提供了解决办法，可以使用字符串的replace()方法将日期字符串中的"-"替换为"/"来解决兼容性问题。具体代码如下： ``` let dateStr = '2022-12-12'; let date = new Date(dateStr.replace(/-/g, '/')); // 将"-"替换为"/"，得到兼容iOS的日期对象 ``` 这样，无论是在Android还是iOS上，都可以正常使用new Date()方法来转换日期字符串了。引用中也提到了同样的问题，即在小程序中使用new Date()方法时，iOS手机需要将日期字符串中的"-"替换为"/"才能正常工作。解决办法也是使用字符串的replace()方法来进行替换。综上所述，当在微信小程序中使用new Date()方法时，需要注意iOS系统对日期格式的要求，如果日期字符串中包含"-"，则需要将其替换为"/"才能得到正确的日期对象。123 #### 引用[.reference_title] - *1* [微信小程序new Date()方法失效问题解决方法](https://download.youkuaiyun.com/download/weixin_38637918/14014583)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] - *2* [微信小程序 IOS中new Date()时间格式不兼容问题](https://blog.youkuaiyun.com/hhkongbai/article/details/127982842)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] - *3* [微信小程序使用new Date(time)转格式的问题](https://blog.youkuaiyun.com/qq_38004125/article/details/123575298)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] [ .reference_list ]