Go语言视频零基础入门到精通

admin

最近在用vue，遇到倒计时在ios上显示为NAN的问题。
因为做的是倒计时支付，思路是获取服务器时间和下单时间，再转成秒级时间戳做差值。
在网上找到说是ios 不支持例如2018-09-01 10:00:59这种"-"连接符。
网上的解决是：

1. var date = "2018-09-01 12:00:00"
2. var time= Date.parse(new Date(date))

复制代码

然后用正则匹配改一下，将-替换为/

1. var date = "2018-09-01 12:00:00"
2. var format = date.replace(/-/g, "/")
3. var time= Date.parse(new Date(format))

复制代码

但是问题还是没有解决，在ios上仍然显示为NAN
于是想到用moment.js，成功解决问题！！！
vue中先引入npm install moment --save

1. import moment from "moment/moment"

复制代码

然后

1. //注意：苹果手机不支持以“-”分割的时间形式，故必须进行格式转换为"YYYY/MM/DD HH:mm:ss"。
2. //date格式是后台返回过来的Timestamp 2018-09-01T09:10:41.000+0000
3. let transTime = moment(date).format("YYYY/MM/DD HH:mm:ss")
4. console.log(transTime)

复制代码

输出

1. 2018/09/01 09:10:41

复制代码

1. //转为时间戳
2. let omTime = this.transformTime(transTime)
4. transformTime(t){
5.     console.log("转换前的时间"+t)
6.     //利用moment工具生成date对象
7.     let date = moment(t).toDate()
8.     console.log("date:"+ date)
9.     //变成秒级时间戳
10.     return moment(date).valueOf()
11. }
12.                     

复制代码

这个omTime时间戳就可以用来和服务器的时间戳做差值实现倒计时了，
经测试，在android和ios上都没问题，问题终于搞定！！！
有关moment.js基本操作可参考：
https://blog.csdn.net/badmoonc/article/details/82142100
这里mark记录一下，分享给你们，避免踏坑太久。