记录一次safari和chrome浏览器时间格式不兼容的问题

最新推荐文章于 2022-05-05 17:11:38 发布

原创最新推荐文章于 2022-05-05 17:11:38 发布 · 931 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #正则表达式 #前端

Js 专栏收录该内容

16 篇文章

订阅专栏

本文探讨了在Web开发中遇到的Safari浏览器时间控件显示失败的问题，原因是Safari与Chrome时间格式不一致。解决方案是编写一个全局函数，根据浏览器类型返回相应格式的时间，以确保在两种浏览器上的兼容性。此外，还展示了如何在调用函数后将时间字符串中的'/'替换为'-'，以符合标准日期格式。

问题描述：

需要兼容到mac用户自带的safari浏览器，但是时间控件在safari上显示失败。

原因分析：

safari的时间格式是 2021/7/18
但是chrome浏览器的时间格式是 2021-7-18
所以需要兼容两者的时间格式

解决方案：

1. 写一个全局函数，用来兼容safari和chrome的时间格式。用时间的时候调用这个函数。

function sarifa_window() {
    var explorer =navigator.userAgent ;
    let date = ''
    if(explorer.indexOf("Safari") >= 0){
        console.log('sarifa')
        date = moment(new Date()).format('YYYY/MM/DD HH:mm')
        console.log(date, '-------------')
    } else {
        date = moment(new Date())
    }
    return date
}