JavaScript new Date()在Safari上的坑

问题描述

我们经常用yyyy-MM-dd HH:mm:ss格式表示日期，如2018-11-11 00:00:00，在js开发中也经常会把此格式字符串格式化为javascript Date类型，如new Date(‘2018-11-11 00:00:00’)，不幸的是此操作在Safari浏览器（不论是Mac还是iPhone）上会报错，返回Invalid Date。如下图所示

解决问题
所以在new Date(‘yyyy-MM-dd HH:mm:ss’)格式化前需要先把字符串转化为Safari支持的格式，可以是yyyy/MM/dd HH:mm:ss或yyyy-MM-ddTHH:mm:ss或其他。看下图

注：又由于IE8上根本不支持-分割的日期，所以这里建议用/分割日期字符串，你也可以不考虑IE8

终极方案
只是支持Safari不支持，每次new Date需要replace感觉很麻烦，所以这里给出一个终极方案，就是修改全局的Date的默认行为，修改后当调用new Date时会先格式化

**
     * 在Safari和IE8上执行 new Date('2017-12-8 11:36:45'); 会得到Invalid Date
     * 本函数重写默认的Date函数，以解决其在Safari，IE8上的bug
     */
    Date = function (Date) {
      MyDate.prototype = Date.prototype;
      return MyDate;

      function MyDate() {
        // 当只有一个参数并且参数类型是字符串时，把字符串中的-替换为/
        if (arguments.length === 1) {
          let arg = arguments[0];
          if (Object.prototype.toString.call(arg) === '[object String]' && arg.indexOf('T') === -1) {
            arguments[0] = arg.replace(/-/g, "/");
            // console.log(arguments[0]);
          }
        }
        let bind = Function.bind;
        let unbind = bind.bind(bind);
        return new (unbind(Date, null).apply(null, arguments));
      }
    }(Date);

如下图执行修改Date的方法后，正常使用new Date(‘2018-11-11 00:00:00’)将不再报Invalid Date

在Mac Safari控制台执行

注：这段代码应该放在所有new Date操作之前，如html的中，如下图是我在ionic项目中的配置位置