web网页在Mac平台Safari浏览器的兼容问题

1、时间兼容问题

背景:

在Win 平台中通过Date()对象操作时间时,显示正常

在Mac平台中 通过Date()对象操作时间时 出现显示问题,出现NaN的错误

解决办法:

在Safari 浏览器中对于 new Date(dateString) 中的 dateString 是有格式要求的。

Safari支持的时间字符串有 YYYY-MM-DDTHH:mm:ss, YYYY/MM/DD HH:mm:ss

在Safri不支持时间格式为 YYYY-MM-DD HH:mm:ss, YYYY/MM/DDTHH:mm:ss

方式一:

出现该问题,那么我们只需要将代码中的中横线(-)改为下划线(/)即可,如下所示:

const data1 = new Date('2021-8-12')

改为如下兼容写法

const data2 = new Date('2021/8/12')

方式二:

当然,也可以通过给月份和日补零来实现兼容,如下代码:

const data1 = new Date('2021-8-12')

改为如下兼容写法

const data1 = new Date('2021-08-12') 

方式三:

通过 momentjs日期处理库 来处理兼容问题

如果觉得文章有帮助到你,可以扫描以下二维码
   请本文作者 喝一杯
pay_weixin pay_weixin

发表评论

电子邮件地址不会被公开。 必填项已用*标注