uniapp微信小程序 new Date() 在ios设备无效问题解决

已于 2022-09-13 18:13:21 修改
阅读量1.7k 收藏 4
点赞数
分类专栏： 微信小程序 uniapp javascript 文章标签： uni-app
于 2022-09-08 11:10:40 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/m0_55258023/article/details/126738569
版权
在uni-app开发中遇到一个ios设备兼容性问题，即new Date()无法正确解析'2022-09-08 10:58:31'格式的时间字符串。解决方案是在iOS设备上将'-'替换为'/'，如new Date('2022/09/08 10:58:31')。建议对new Date()使用和replaceAll方法不熟悉的开发者参考相关文章进行学习。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

因为项目需要，要去做倒计时订单关闭的功能

 

 这种

后端给返回的数据是这种   2022-09-08 10:58:31

倒计时做出来了，再安卓手机上没问题
再模拟器上没问题，但是再ios手机上就出错了

因为 new Date（）获取不到毫秒数

查了很多才发现，是再ios设备中  new Date（' 2022-09-08 10:58:31'） 这样不支持

let time = new Date("2022-09-08 10:58:31")

再ios设备中  new Date（' 2022/09/08 10:58:31'） 这样才支持

let time = new Date("2022/09/08 10:58:31")

所以就要把 - 替换成 / 

当然这个大家都能看懂  

具体代码再这里，可以看看

let date = "2022-09-08 10:58:31"
let time
最低0.47元/天 解锁文章
uniapp(微信小程序/支付宝小程序) - 最新解决canavs绘制海报、二维码图片等不显示问题，在uniapp小程序开发中使用canavs制作base64图片在真机运行时空白不显示（详细解决方法）
高级前端工程师
04-08 4715
uni-app，微信小程序，支付宝小程序，uniapp小程序，canvas，base64，微信小程序中base64格式的小程序码通过canvas画出来无效，真机调试二维码不显示的问题。小程序base64编码图片无法使用canvas绘制，uni-app小程序 真机显示canvas上利用base64图片生成的海报，微信小程序中base64格式的小程序码通过canvas画出来无效，解决canvas base64图片在小程序真机不显示问题，无法使用canvas绘制的问题，微信小程序使用canvas真机不生效，微信小
uni-app 开发微信小程序遇到的bug总结(1)
qq_41524691的博客
11-27 1154
1.倒计时在ios上不显示？ 解决：将2020-10-10 [10:00:00]此类日期[时间]格式转化为2020/10/10[10:00:00]。除了单纯的时间显示意外，以时间为判断依据的功能建议都转换一下，不然可能会出现其它意想不到的问题 // 2020-10-10 const time = '2020-10-10'; const formatTime = this.$handleTime(time).format('YYYY/MM/DD'); ... 2.设置margin-bottom无效？ 解决：
uniapp时间格式问题 new Date( ) IOS系统和Android系统不兼容
weixin_61884232的博客
05-24 774
在电脑上显示一切正常，本地打包成app,在ios上选择日期时 提示代码 并且Android是正常可以使用的。一定要用'/'的格式 因为IOS系统只识别 " / " 不识别 " - "
new Date() 方法在iOS设备上时间显示无效的问题的解决方法
CaseyWei
11-29 2476
在开发h5嵌套app，发现 Android 设备可以正常的显示时间，而 iOS 设备无法正确的显示。
uniapp使用new Date()转换2020-01-01在IOS返回nvalid Date解决办法
最新发布
weixin_47299259的博客
03-12 102
uniapp使用new Date()转换2020-01-01在IOS返回nvalid Date解决办法
IOS使用new Date()遇到的bug
qq_38768171的博客
10-23 1437
在业务需求中，有关于时间的需求也是很常见的。比如展示当下时间、计算指定日期后的时间等等。在开发时就遇到这么一个需求：根据后端返回的时间获取其中月份在chrome、安卓均没问题，但是在Safari、IOS遇到了问题，结果为NAN。
ios new Date()报错问题
qq_43233280的博客
08-14 324
之前遇到一个问题。 new Date('2020-08-14 00:00:00').getTime() 开发中使用new Date()对时间格式的字符串转换成时间对象。 在chrome上调试，哇直接出来了，我好牛逼啊。 发布之后用chrome浏览器打开，哇，又是直接出来了，太帅了。 but，使用真机，神奇的事情发生了，iphone手机竟然会报错。 搜索一遍发现，ios new Date()方法不识别’-’（LJ）。 解决方法 const date = '2020-08-14 00:00:00' new Da
new Date(“YYYY-MM-DD hh:mm:ss“) 在部分 iOS 下无法正常使用
m0_61470782的博客
05-15 2349
new Date("2024-05-15 08:00:00") 在部分 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，无法正常显示。将'-'直接替换为'/'
微信小程序picker组件 start\end属性在安卓机失效
alise_的博客
08-03 1043
微信小程序中picker组件start\end无效问题处理
微信小程序 -- 开发遇到的坑（一）重要
Emily
06-19 1116
最近参与的微信小程序开发中，遇到了一些问题，记录一下。 1.cover-view 不支持阿里巴巴矢量图标。 如果需要使用到图标，可以选择下载为png格式图片，然后使用cover-image引入。 2. map标签里包裹的多个cover-view，进行position定位时，设置z-index无效？ 我试了多部手机，就iPhone6手机无效。 3. 对于某些内容，iPhone6手机显示不出...
uni-app开发微信小程序,IOS苹果手机上时间格式化错误显示Invalid Date问题解决方案
weixin_45395283的博客
09-07 3341
IOS苹果手机上时间格式化错误显示Invalid Date问题解决方案
记项目的坑，ios使用new Date()报错问题
weixin_43935062的博客
07-05 1075
@[TOC](记项目的坑，ios使用new Date()报错问题) ios使用new Date()报错 今天在开发app时发现，同样的 new Date()代码在安卓上没问题，在iOS上会报错的。找了一下方案，记录一下。 let stringTime = '2021-7-5 17:48:20' let time1 = new Date().getTime(); //当前的时间戳 let time2 = Date.parse(new Date(stringTime)); //指定时间的时间戳 let
uni-app 时间格式问题 new Date(str) IOS系统跟Android系统不兼容
CWW2016的博客
08-15 2006
今天做了一个需求，要在列表中把后台返回来的时间给显示出来，使用 new Date(str) 在微信开发者工具上显示是没有问题的，然后在IOS系统上显示是NAN。 原因是 IOS系统只识别 " / " 不识别 " - ". 后台返回来的时间类型一般有三种 时间、时间搓、字符串。我们就研究一下这三种类型怎么 处理才能兼容安卓系统和IOS系统吧。 formatTime(d) { ...
使用new Date() 在ios不适配问题
qq_43509550的博客
11-17 184
最近在项目上遇到使用new Date() 在ios浏览器上不适配的问题 在此记录一下 var date = ‘2020-11-17’; var dateTime = new Date(min_date).getTime(); //在ios下会报Invalid Date错误 var date = ‘2020/11’; var dateTime = new Date(min_date).getTime(); //在ios下也会报Invalid Date错误的 解决方案 将时间格式改为所有浏览器都适配的 v
【实践】微信小程序 new Date(‘YYYY-MM-DD‘) 失效
qq_38211443的博客
01-04 636
微信小程序 真机测试中 发现new Date('YYYY-MM-SS') 无效。 需要将时间格式转化为 YYYY/MM/SS 才可以。 new Date(time.replace(/-/g, '/')
微信小程序 new Date() 方法在iOS设备上无效的问题的解决方法
听胡说
04-23 1573
小程序开发过程中，发现 Android 设备可以正常的显示时间，而 iOS 设备无法正确的显示。 1.查询资料后，得知iOS 系统对 JavaScript 中的 new Date() 方法有严格的格式要求。 let now = new Date("2020-08-08 00:00") // now会返回valid Date 2.正确的写法应该是 let now = new Date("2...
小程序new Date()方法失效问题解决方法
培根芝士的专栏
08-04 866
实际应该过程中日期格式大部分都是这种 2021-08-24 11:22:33 而正确的写法应该是： let dt = new Date("2021/08/24 11:22:33") 在某些机型下如果直接调用new Date("2021-08-24 11:22:33")会返回Invalid Date。 所以在实际应用过程中需要用正则对字符串进行预处理: let tm = "2021-08-24 11:22:33" let dt = new Date(tm.replace(/-/g,'/')
uni-app new Date().getTime()在ios兼容问题
weixin_45328041的博客
11-20 1770
(new Date(time.replace(/-/g,’/’))).getTime()
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值