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

Posted 三水草肃

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了记录一次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
}

2. 调用函数,创建时间

let nowTime = sarifa_window()

3. 传参数的时候一般都是 2021-07-18格式。所以需要把 / 转化为 -

nowTime = nowTime .replace(/\\//g, '-'),

以上是关于记录一次safari和chrome浏览器时间格式不兼容的问题的主要内容,如果未能解决你的问题,请参考以下文章

是否需要在 Safari 和 Chrome 中测试网页?

Safari已默认支持WebAssembly!JavaScript执行速度比Chrome快80%

html 表单中的输入文本框在 Firefox 上正常工作 在 Chrome 和 Safari 上不工作

在 Chrome、Safari 和 Edge 中显示 flex 对齐不正确,但在 Firefox 中正确

Div 在 Firefox、Safari、Chrome 等中显示,但在 Internet Explorer 中不显示

CSS :hover 在 iOS Safari 和 Chrome 上不起作用