vue 时间倒计时在ios上显示NaN
很多小伙伴写倒计时的时候比如像商品秒杀 抢购 等等 ,在电脑上测试发现没啥问题,但是在ios上会显示NaN,原因是因为苹果一同有自己的一套时间格式,不识别“2019-1-29 17:13:04 这种"-"的格式 ”,所以在转换时分秒之前一定要先把格式转换成对应的格式,需要写成下面的格式,可以兼容安卓和IOS“ ‘2019/08/19 00:00:00’;”/ 这种,直接上代码直接用正则判断var
·
很多小伙伴写倒计时的时候比如像商品秒杀 抢购 等等 ,在电脑上测试发现没啥问题,但是在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>
更多推荐
已为社区贡献12条内容
所有评论(0)