vue 时间倒计时在ios上显示NaN

tech2025-08-14  6

很多小伙伴写倒计时的时候比如像商品秒杀 抢购 等等 ,在电脑上测试发现没啥问题,但是在ios上会显示NaN,原因是因为苹果一同有自己的一套时间格式,不识别“2019-1-29 17:13:04 这种"-"的格式 ”,所以在转换时分秒之前一定要先把格式转换成对应的格式,需要写成下面的格式,可以兼容安卓和IOS“ ‘2019/08/19 00:00:00’;”/ 这种,直接上代码

直接用正则判断

var date = '2019-12-18 12:00:00'; var format = date.replace(/-/g, '/');

然后进行时分秒的转换

let time = new Date(nowtime).getTime(); //当前时间 let endtime = new Date(oldtime).getTime(); //到期时间 let surplus = endtime - time; //剩余时间 this.countTime = surplus; //剩余时间 赋值给html data中声明一个变量 countTime: 0, 前端页面这样写,在这里我用的是vant的ui、框架 比较简洁 <div class="rightText"> <van-count-down :time="countTime" format="DD 天 HH 时 mm 分 ss 秒" /> </div>
最新回复(0)