解决JavaScript中date在ios上面NAN不兼容问题

客官°小女子只卖身不卖艺 2022-11-29 12:17 153阅读 0赞

*  这两天搞手机页面中，发现一个坑，分享出来让大家看看吧。

[吃水不忘挖井人][Link 1]

*  开发的时候，全是在Google浏览器上查看的，后来用自己的手机看下手机上的效果的时候，发现了一个很神奇的问题，出现NAN。
 *  如图：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3ODcyNzky_size_16_color_FFFFFF_t_70_pic_center][]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3ODcyNzky_size_16_color_FFFFFF_t_70_pic_center 1]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3ODcyNzky_size_16_color_FFFFFF_t_70_pic_center 2]

*  借助那位大哥的博客，帮我解决了这个问题，原来是因为new Date(‘2019-01-01’);中的字符串中的"-“的原因，在ios上面导致的不兼容，要使用”/“替换”-"便可解决。
 *  开始上菜：

//时间格式化
      Date.prototype.Format = function (fmt) {
          var o = {
              "M+": this.getMonth() + 1,                 //月份
              "d+": this.getDate(),                    //日
              "h+": this.getHours(),                   //小时
              "m+": this.getMinutes(),                 //分
              "s+": this.getSeconds(),                 //秒
              "q+": Math.floor((this.getMonth() + 3) / 3), //季度
              "S": this.getMilliseconds()             //毫秒
          };
          if (/(y+)/.test(fmt))
              fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
          for (var k in o)
              if (new RegExp("(" + k + ")").test(fmt))
                  fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
          return fmt;
      }

这里使用的vue的拦截器进行调用时间格式化的方法，因为有涉及到公司代码，所以打上一些马赛克

![在这里插入图片描述][20200820165704432.png_pic_center]  
![在这里插入图片描述][20200820165717581.png_pic_center]

解决代码：
    formatDate: function (time) {
    	time = time.replace(/\-/g, "/");
    	return new Date(time).Format('yyyy-MM');
    }

### 一入前端深似海啊！坑真的多。以后多多注意吧。 ###

[Link 1]: https://blog.csdn.net/zhoukun1008/article/details/51537862
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3ODcyNzky_size_16_color_FFFFFF_t_70_pic_center]: /images/20221124/3e9dab48bc9d4d2681f5fafb82ee0e96.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3ODcyNzky_size_16_color_FFFFFF_t_70_pic_center 1]: /images/20221124/013c6059230a4bdfad65090025ca71ea.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3ODcyNzky_size_16_color_FFFFFF_t_70_pic_center 2]: /images/20221124/31b3f44cf88946b29e1aedec4c6f6db8.png
[20200820165704432.png_pic_center]: /images/20221124/c6d5d3bf42594b8aabdc1ddc17ffd87e.png
[20200820165717581.png_pic_center]: /images/20221124/14477ec7551346ec85e3a7519adf0098.png