Chrome和FireFox时间解析正常而Safari解析时间显示NaN的问题

问题:

前端开发时,使用new Date()解析“YYYY-MM-DD”这种格式的时间,在chrome和Firefox中正常解析,但是在safar中解析为NaN-NaN-NaN,这是因为safari的new Date()方法要求格式为“YYYY/MM/DD”,所以出现了问题。

最简单的解决方案为将YYYY-MM-DD格式化为YYYY/MM/DD处理,但是这种做法显然增加了工作量,同时也降低了代码的可读性。

let datetime = '2021-01-01'
datetime = datetime .replace(/\-/g, "/");
console.log(new Date(datetime))

最终的解决方案解决方案:

使用前端方法库moment替换原生的new Date()方法,其对多端的时间处理做了统一的封装,可以在不变更时间格式的前提下进行时间转换,同时还提供了大量对于时间相关的处理函数。

let datetime1 = '2021-01-01';
let datetime2 = '2021/01/01';
console.log(moment(datetime1));
console.log(moment(datetime2));

http://momentjs.cn/docs/

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值