美文网首页
Javascript IE11时间格式化兼容

Javascript IE11时间格式化兼容

作者: 曲昶光 | 来源:发表于2021-09-21 21:51 被阅读0次

众所周知new Date() 方法中是可以携带参数的,然而~在各个浏览器下传递的参数格式是有要求的,不注意就会造成此浏览器下时间格式化没问题而其他浏览器出问题,本文记录一次IE11无法正常格式化时间的问题
时间日期控件:element datepicker (三个都用了三个保存的时间在不填写value-format的情况下是不一样的,本文出现问题就是因为这个事情,所以建议大家一开始就商量好与后台时间的对接格式,建议使用时间戳,转换方便,不会出错)
首先先附上网上找来的不同浏览器new Date 的识别情况
来源链接:https://www.cnblogs.com/cui-ting/p/10847384.html
火狐:

image.png

谷歌:

image.png

IE


image.png

只有字符串格式的"/"能正常解析,","和"-"都不能。
IE11不能正常解析的时间:2020-09-29T00:00:00.000+0800
处理方法:

dateFormat: function (date, fmt = 'YYYY-mm-dd') {
 
    if (!date) {
 
      return
 
    }
 
    if (date && typeof (date) === 'string' && date.indexOf('+0800') !== -1) {
 
      date = date.replace(/\+[\d]{4}/, '')
 
      console.log(date)
 
    }
 
    date ? date = new Date(Date.parse(date)) : date = new Date()
 
    let ret
 
    const opt = {
 
      'Y+': date.getFullYear().toString(), // 年
 
      'm+': (date.getMonth() + 1).toString(), // 月
 
      'd+': date.getDate().toString(), // 日
 
      'H+': date.getHours().toString(), // 时
 
      'M+': date.getMinutes().toString(), // 分
 
      'S+': date.getSeconds().toString() // 秒
 
      // 有其他格式化字符需求可以继续添加,必须转化成字符串
 
    }
 
    for (let k in opt) {
 
      ret = new RegExp('(' + k + ')').exec(fmt)
 
      if (ret) {
 
        fmt = fmt.replace(ret[1], (ret[1].length === 1) ? (opt[k]) : (opt[k].padStart(ret[1].length, '0')))
 
      }
 
    }
 
    return fmt
 
  }

原文链接:https://blog.csdn.net/star7783620/article/details/108843621

相关文章

网友评论

      本文标题:Javascript IE11时间格式化兼容

      本文链接:https://www.haomeiwen.com/subject/plxygltx.html