记一次javascript IE11时间格式化兼容

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

谷歌: 

IE 

只有字符串格式的"/"能正常解析,","和"-"都不能。
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

  }

  • 2
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值