美文网首页
苹果浏览器 时间格式 兼容问题的坑

苹果浏览器 时间格式 兼容问题的坑

作者: 前端人 | 来源:发表于2021-04-13 12:17 被阅读0次

很多人知道如下写法来兼容苹果浏览器,但是其实这个写法也是有问题的

  function praseTime(time){
 let date = new Date(time.replace(/-/g,'/'))
 return date;
 };

因为 像这样的时间格式 2009-12-28T00:00:00.000+00:00 用/替换-后,是无法再转换为Date的。
如图

image.png

最后还有一个坑 date == 'Invalid Date'是不全面的,有时候date会NaN;我现在无法重现了。但是调试代码中的确遇到过这个辛苦

   date = new Date(time)
  if (date == 'Invalid Date') return time;// date == 'Invalid Date'是不全面的,有时候date会NaN

最后给一个非常完美的字符串转Date对象的函数

 /**
   * 字符串转成Date对象
    * @param {String} time 时间字符串
         * @returns Date
    */
      function strToDate(time) {
           if (!time) {
           return new Date();
            }

          if (time instanceof Date) {
              return time;
            }
       if (typeof time === "number") {
         return new Date(time);
      }
      if (typeof time !== "string") {
         return new Date();
        }

        let date = new Date(time);
        if (isNaN(date.getDay())) {
        /**考虑是苹果浏览器不兼容的情况 */
               date = new Date(time.replace(/-/g, "/"));
                  /**还是NaN 考虑是不合法的时间字符串 */
                 if (isNaN(date.getDay())) {
                    return new Date();
              }
                }

            return date;
           }

相关文章

  • 苹果浏览器 时间格式 兼容问题的坑

    很多人知道如下写法来兼容苹果浏览器,但是其实这个写法也是有问题的 因为 像这样的时间格式 2009-12-28T0...

  • 记录网页在safari浏览器的不兼容问题

    前言 记录一下vue+html5项目在safari浏览器的各种奇怪的兼容问题和坑。 都是在safari 浏览器出现...

  • 浏览器兼容

    什么是浏览器兼容问题 为什么会有浏览器兼容问题 用到的网站 处理兼容问题的思路 渐进增强和优雅降级 stackov...

  • 前端开发-浏览器兼容的坑

    前端开发-浏览器兼容的坑 最近开始整理前端开发的浏览器兼容问题,初次发版内容少一点,后续会持续更新内容~ 一、JS...

  • 常见浏览器兼容问题及解决

    一、什么是浏览器兼容问题所谓浏览器兼容问题就是指不同浏览器或同种浏览器不同版本对相同代码解析效果不同,浏览器兼容问...

  • 浏览器兼容

    为何会有浏览器兼容问题 因为市场上的浏览器有很多,不同的浏览器内核对网页的解析存在差异,这也是导致浏览器兼容问题出...

  • IE样式加载不出来问题/线性渐变兼容问题

    5.23兼容问题:IE加载不到样式分析:1、文件名不能为中文2、正确的编码格式3、 以最新浏览器版本进行解析文档...

  • HTML5视频、音频和画布

    视频处理 HTML5中的视频,使用video和source搭配,来解决浏览器视频格式兼容问题,如果都不支持,可以在...

  • app分享页面,唤醒app方法总结

    app分享页面看似简单的静态展示页面,其实里面有很多坑 1、分享页面的打开的浏览器兼容问题,微信,qq,手机自带浏...

  • 前端兼容苹果手机ios问题锦集

    一、js兼容问题 时间格式兼容 new Date("2020-02-02 08:00") 变为 new Date(...

网友评论

      本文标题:苹果浏览器 时间格式 兼容问题的坑

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