昨晚收到一个用户反馈,明明是2019年10月30号充值,结果充值成功后显示的充值时间是10月31号。直接让用户怀疑人生,仿佛穿越到了第二天(这句话只是开个玩笑)。解决bug过程中首先发现只有苹果手机有这个问题。后端返回的时间是‘2019-10-30T20:41:15.603’,前端用的是new Date()去转换。转换后getDate()出日期在ios上直接多了一天,30号变成31号。(废话时间结束)
问题查找分析:
1.ios不兼容javascript 时间 new Date('xxxx-xx-xx') 解决方案,需要把‘-’替换成‘/’(导致ios最终输出结果 NaN)
2.我们的后端返回了毫秒在ios上newDate()格式化会有问题。(导致ios最终输出结果NaN,为什么会导致我还没研究)
3.时区问题在控制台打印第一种格式和第二种格式差了8小时,我一看这8小时刚好是苹果手机和其它终端上显示时间的时间差。在苹果上没有指定用+0800的时区格式,他就默认用了第一种时区格式。
4.ios上需要把T字符替换成空格(不然还是NaN)
解决方案
var time ='2019-10-30T20:41:15.603'
var d = new Date(time.substr(0,time.length-4)..replace(/T/g, ' ').replace(/-/g, '/') + '+0800')
d.getDate() 就是30号而不是31号了。
总结: 追根到底就是时区问题导致了8小时时差最终导致了日期加了一天
反正标准的格式就是要 var d = new Date('2019-10-30 20:41:15+0800')这样的