微信小程序ios倒计时时间不显示，安卓能正常显示，小程序倒计时兼容问题

最新推荐文章于 2021-11-28 15:02:23 发布

原创最新推荐文章于 2021-11-28 15:02:23 发布 · 2.6k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#小程序ios和安卓兼容问题 #微信小程序兼容问题 #小程序倒计时问题 #小程序倒计时不显示

小程序专栏收录该内容

22 篇文章

订阅专栏

本文介绍了解决小程序中iOS设备不显示倒计时的问题。通过将日期格式中的'-'替换为'/'，实现了iOS与安卓平台上的统一显示。

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

一般在做投票时或者拼单时都需要展示倒计时，但是小程序中ios中倒计时不显示，安卓中能正常显示
原因是：IOS不支持2019-4-1 10:20:30这种格式，只需要将 - 替换为 / 即可解决：

 	let	remainDate = "2019-4-1 10:20:30";
    let	newRemainDate =  remainDate .replace(/-/g, "/")    //转换后即可兼容啦

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

【拾光静好微微一笑】

关注关注

6
点赞
踩
2

收藏

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

复制链接

分享到 QQ

分享到新浪微博

扫一扫
打赏
打赏
打赏举报

举报

专栏目录

微信小程序——解决IOS系统倒计时问题

jolieLi2019888的博客

04-23

1226

最近，项目中需实现下单后，24小时内未付款，则取消订单，页面显示剩余支付时间逻辑代码: methods:{ timeFormat(param) { return param < 10 ? '0' + param : param; }, countDown(endTime) { let _that = this; clearInterval(interval); var interval = setInterval(() => { /

苹果机不显示倒计时的问题(已解决)

weixin_41033048的博客

04-20

3398

// 倒计时 countDown: function() { /*这是安卓机不兼容苹果机的写法 start*/ var that = this; var nowTime = new Date().getTime(); //现在时间（时间戳） var endTime = new Date(that.data.endTime).getTim...

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

小程序--倒计时（安卓能显示、苹果机不显示问题）

huang_jimei的博客

06-24

1085

一、倒计时 发现在安卓机和编辑器里面的倒计时是正常的，但是预览和发布到线上，苹果机就不显示了，几经周折终于解决了： ios系统不支持2020-06-24这样格式的时间导致出现的这个问题，IOS只识别2018/03/09这样的格式。所以需要将时间转换一下。二、代码用正则匹配改一下，例如： var paytime= '2020-06-24 12:00:00' paytime=paytime.replace(/-/g, '/'); var date =new Date(paytime); ..

小程序ios端时间不显示问题

qq_41727900的博客

12-17

1101

前端时间完成了卸货平台小程序，里面包括倒计时功能。最后测试的时候，发现安卓手机倒计时功能一切正常，但是苹果手机倒计时显示为NAN, 于是百度找到了答案。 var mydata = '2017-01-01 11:00:00'; console.log("返回时间：" + mydata); var time = Date.parse(new Date(mydata)) / 1000; 类似这...

微信小程序中vant倒计时组件ios设备显示异常,不兼容问题

雨落宿命敲的博客

11-28

3250

微信小程序中vant倒计时组件ios设备显示异常,不兼容问题 在微信小程序的前端开发中,引用了vant中CountDown 倒计时组件,在开发者工具或是安卓设备上时都能正确预览和使用,但发现在ios设备上运行时却不行查阅资料后发现在 iOS 系统上倒计时不生效？如果你遇到了在 iOS 上倒计时不生效的问题，请确认在创建 Date 对象时没有使用new Date(‘2020-01-01’)这样的写法，iOS 不支持以中划线分隔的日期格式，正确写法是new Date(‘2020/01/01’)。原来

ios上倒计时不兼容显示oNaN

manxia2220的博客

04-30

243

今天要上线的时候发现小程序的倒计时不显示了，报ONaN,很慌啊，怎么解决呢后来发现因为ios系统不支持yyyy-mm-dd这样格式的时间导致出现的这个问题，IOS只识别yyyy/mm/dd这样的格式。但是这样还是不行发现是后端返回的数据是 2021-4-30 12:12:13.678,层级到了毫秒这个点后面的ios也是不兼容的所以这个部分要截取掉 var timeC =new Date(item.remainingIos.replace(/-/g, "/").substring(0,item.

解决微信小程序 picker 模式日期，粒度年月，ios默认时间不显示当前时间，显示起始时间的问题。

wshpwangshiyu的专栏

10-22

4752

wxml文件： <picker mode="date" fields="month" value="{{currentDate}}" start="1800-01-01" end="2200-12-31" bindchange="startDateChange"> </picker> js文件： data: { currentDate: u...

解决微信小程序中转换时间格式IOS不兼容的问题

12-11

昨天弄一个微信倒计时;遇到了这个为题，调试了才找到问题的所在，然后在网上找了资料才知道这个问题的原因，来是因为IOS系统不支持2018-08-30这样的格式的时间导致的 let olddata ='2018-08-30 11:00:00'; let mydata=new Date(olddata); console.log(mydata); let newdata=mydata.getTime(); 这样的代码安卓手机开发手机和微信小程序编辑器测试都没有问题，唯独IOS获取的日期为不显示,原来IOS只识别2018-08-30这样的日期格式下面用正则替换2018-08-30日期格式为2018

[解决方案]微信开发者工具中的代码模块不显示

semoon的博客

03-07

4579

[解决方案]微信开发者工具中的代码模块不显示 1.在控制台输入openVendor 2.在弹出的文件夹里，清除wcsc wcsc.exe 3.重启开发者工具 4.如果失效，重启电脑，再重复上述操作 ...

微信小程序实现倒计时，苹果手机不显示

AsBefore麦小兜

07-26

2930

JS页面代码段： const app = getApp() let goodsList = [ { actEndTime: '2018-07-21 21:00:34' }, { actEndTime: '2028-07-17 21:00:37' }, { actEndTime: '2018-09-21 05:00:59' }, { actEndTime: '2018-08-19...

苹果手机倒计时不显示

chongkan9060的博客

08-19

2506

1、IOS不能兼容这种格式的日期 `const START_TIME = '2019-08-19 00:00:00'; const END_TIME = '2019-08-20 12:00:00'; newDate(START_TIME) //NaN` 需要写成下面的格式，可以兼容安卓和IOS...

小程序踩坑---倒计时踩坑(倒计时快速切换显示异常)

Seeyoucm

03-15

2530

常见需求: 订单列表,快速切换导航栏倒计时倒数异常时间格式化输出,ios显示异常NAN 通常实现: (1)只是局部实现倒计时,不将倒计时进行页面全局处理存入data中只是在倒计时结束清空倒计时,问题在快速切换的时候倒计时会表现异常 (2)像网上大部分做法将倒计时通过setData存入数据中,然后在页面卸载的时候清除.这里会有一个问题就是在列表数据中处理的倒计时,如果直接setData存入,然...

微信小程序倒计时——解决IOS系统中new Date().getTime()问题

superYe7的博客

04-15

2278

项目中用setInterval做了一个倒计时的功能，但是发现IOS系统中setInterval计时器不能正常使用，在安卓系统均正常，在微信开发者工具以及真机调试时也是正常显示，排查后发现是Date()的问题，IOS解析时间时无法识别‘-’。解决方案：把 -都替换成 / const Time = '2020-04-14 23:59' 原代码 new Date(Time).ge...

微信小程序IOS系统中，倒计时（setInterval函数）失效的问题

weixin_30588907的博客

03-14

1966

BUG在基础库1.1.0版本已经修复。先说结论：挂起（显示在聊天顶部）状态无法完美解决，息屏状态可以完美解决。本帖目的只是分享在碰到问题时的解决方法和思路。如果不能解决您的问题就非常抱歉。 ps：由于小程序一直在更新中，所以并不保证下面的方法长期有效。息屏状态完美解决方法：1、适用场景：通过传入参数控制倒计时时间的页面。2、解决思路：在息屏和挂起的时候，我们可以通过vCons...

小程序实现倒计时：解决ios倒计时失效（setInterval失效）

weixin_30297281的博客

10-08

1178

在使用之前需要先在page页引入wxTimer.js文件（这里我将文件放在/utils） let timer = require('../../utils/wxTimer.js'); 然后就可以使用啦调用如下： let wxTimer = new timer({ expired_at: "2018-9-27 23:28:00.14756", comp...

微信小程序清除缓存clearStorageSync和removeStorageSync的区别清除缓存问题数据缓存详解