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

已于 2022-09-13 18:13:21 修改
阅读量1.6k 收藏 4
点赞数
分类专栏： 微信小程序 uniapp javascript 文章标签： uni-app
于 2022-09-08 11:10:40 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/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方法不熟悉的开发者参考相关文章进行学习。
摘要由CSDN通过智能技术生成

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

 

 这种

后端给返回的数据是这种   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 3552
uni-app，微信小程序，支付宝小程序，uniapp小程序，canvas，base64，微信小程序中base64格式的小程序码通过canvas画出来无效，真机调试二维码不显示的问题。小程序base64编码图片无法使用canvas绘制，uni-app小程序 真机显示canvas上利用base64图片生成的海报，微信小程序中base64格式的小程序码通过canvas画出来无效，解决canvas base64图片在小程序真机不显示问题，无法使用canvas绘制的问题，微信小程序使用canvas真机不生效，微信小
微信小程序picker组件 start\end属性在安卓机失效
alise_的博客
08-03 893
微信小程序中picker组件start\end无效问题处理
new Date(“YYYY-MM-DD hh:mm:ss“) 在部分 iOS 下无法正常使用
m0_61470782的博客
05-15 900
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，无法正常显示。将'-'直接替换为'/'
uniapp日历
qcc0716的博客
01-06 3797
<template> <view class="calendar-wrapper"> <view class="header" v-if="headerBar"> <view class="preWidth" @click="changeMonth('pre')"> <view class="pre" ></view> </view> <view&gt
uniapp——获取实时时间
最新发布
FSRAAA的博客
07-18 784
在新增请求的时候需要向后端传输类似“2024-09-23”的实时时间格式。Date（）似乎还得转一下格式。
uniapp时间格式问题 new Date( ) IOS系统和Android系统不兼容
weixin_61884232的博客
05-24 617
在电脑上显示一切正常，本地打包成app,在ios上选择日期时 提示代码 并且Android是正常可以使用的。一定要用'/'的格式 因为IOS系统只识别 " / " 不识别 " - "
new Date() 方法在iOS设备上时间显示无效的问题的解决方法
CaseyWei
11-29 2341
在开发h5嵌套app，发现 Android 设备可以正常的显示时间，而 iOS 设备无法正确的显示。
ios new Date()报错问题
qq_43233280的博客
08-14 280
之前遇到一个问题。 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
uni-app开发微信小程序,IOS苹果手机上时间格式化错误显示Invalid Date问题解决方案
weixin_45395283的博客
09-07 2927
IOS苹果手机上时间格式化错误显示Invalid Date问题解决方案
微信小程序 -- 开发遇到的坑（一）重要
Emily
06-19 1054
最近参与的微信小程序开发中，遇到了一些问题，记录一下。 1.cover-view 不支持阿里巴巴矢量图标。 如果需要使用到图标，可以选择下载为png格式图片，然后使用cover-image引入。 2. map标签里包裹的多个cover-view，进行position定位时，设置z-index无效？ 我试了多部手机，就iPhone6手机无效。 3. 对于某些内容，iPhone6手机显示不出...
微信小程序多次触发事件导致页面连续跳转问题以及解决方法
筱✿熙
02-02 2728
最近在小程序开发过程中，当网络条件差或卡顿的情况下，大多数使用者会认为点击无效而进行多次点击，最后出现多次跳转甚至一直循环跳转的情况。 最后经过多次查阅以及微信小程序官方文档的介绍： 页面在跳转的时候需要一定的时间，在完成跳转前，触发该跳转的事件可能多次发生。 经过断点调试，从调试记录上可以看到触发了多次甚至连续不断的事件，从而导致多次或循环跳转。 以上问题可以通过JS中的函数节流和函数防抖找到解决方法。 例如下图所示：在开发过程中tab页在真机上出现类似问题的频率很高 具体解决方法如下：
记项目的坑，ios使用new Date()报错问题
weixin_43935062的博客
07-05 888
@[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
使用new Date() 在ios不适配问题
qq_43509550的博客
11-17 158
最近在项目上遇到使用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
uni-app 时间格式问题 new Date(str) IOS系统跟Android系统不兼容
CWW2016的博客
08-15 1951
今天做了一个需求，要在列表中把后台返回来的时间给显示出来，使用 new Date(str) 在微信开发者工具上显示是没有问题的，然后在IOS系统上显示是NAN。 原因是 IOS系统只识别 " / " 不识别 " - ". 后台返回来的时间类型一般有三种 时间、时间搓、字符串。我们就研究一下这三种类型怎么 处理才能兼容安卓系统和IOS系统吧。 formatTime(d) { ...
IOS使用new Date()遇到的bug
qq_38768171的博客
10-23 1182
在业务需求中，有关于时间的需求也是很常见的。比如展示当下时间、计算指定日期后的时间等等。在开发时就遇到这么一个需求：根据后端返回的时间获取其中月份在chrome、安卓均没问题，但是在Safari、IOS遇到了问题，结果为NAN。
uniapp的new Date()时间问题
寻码启示
06-24 2932
问题： uniapp在使用new Date().toISOString().slice(11, 19)获取时分秒时，少了8小时。 解决方法： var tzoffset =(new Date()).getTimezoneOffset()* 60000; //以毫秒为单位的偏移 var localISOTime =(new Date(Date.now() - tzoffset)).toISOString().slice(11,19); (new Date()).getTimezoneOffset()，这个方
【实践】微信小程序 new Date(‘YYYY-MM-DD‘) 失效
qq_38211443的博客
01-04 563
微信小程序 真机测试中 发现new Date('YYYY-MM-SS') 无效。 需要将时间格式转化为 YYYY/MM/SS 才可以。 new Date(time.replace(/-/g, '/')
微信小程序 new Date() 方法在iOS设备上无效的问题的解决方法
听胡说
04-23 1458
小程序开发过程中，发现 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...
uniapp 微信小程序 面试题
02-28
当面试官问到uniapp和微信小程序相关的试题时，你可以参考以下问题答案： 1. 什么是uniapp？ - uniapp是一个基于Vue.js开发跨平台应用框架，可以同时开发iOS、Android、H5和微信小程序等多个平台的应用。 2. 什么是微信小程序？ - 微信小程序是一种在微信平台上运行的应用程序，用户可以在微信中直接使用，无需下载安装。 3. uniapp与微信小程序有什么关系？ - uniapp可以开发微信小程序，通过uniapp的跨平台特性，开发者只需要编写一套代码，就可以同时在多个平台上运行。 4. uniapp开发微信小程序的优势有哪些？ - 跨平台开发：只需编写一套代码，即可在多个平台上运行。 - 开发效率高：使用Vue.js进行开发，具有简洁、灵活的语法，提高开发效率。 - 统一的UI组件：uniapp提供了一套统一的UI组件库，方便开发者快速构建界面。 - 支持原生能力：uniapp支持调用原生API，可以实现更多的功能。 5. uniapp开发微信小程序的限制有哪些？ - 对于一些特定的微信小程序API，uniapp可能无法直接调用，需要通过插件或自定义组件来实现。 - 由于不同平台的差异，一些特定的样式和功能在不同平台上可能会有差异。 6. uniapp中如何实现微信小程序的页面跳转？ - 可以使用uniapp提供的`uni.navigateTo`、`uni.redirectTo`、`uni.switchTab`等方法来实现页面跳转。 7. uniapp中如何调用微信小程序的原生API？ - 可以使用uniapp提供的`uni.request`、`uni.showToast`等方法来调用微信小程序的原生API。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值