前端 苹果safari 兼容性问题

1. element-ui table表格错位问题

重置一下表格的样式；

 .el-table__body {
   width: 100%;
   table-layout: fixed !important;
}

2. Date 兼容性的问题

• 原因： safari 不支持 - 分隔符，转换为 / 分隔符就好了；
  • 为了不修改之前的代码；
  • 这里解决的方式是： 完善一个新方法 覆盖 原来的Date功能；

// 保存原生Date
window.prototypeDate = Date;

// 替换原生Date, 兼容safri
class myDate extends Date {
  constructor() {
    let date = arguments[0];
    if (date && typeof date === 'string') {
      // - . \ / T : 空格
      date = date.split(/[-\.\/\\T\s:]/);
      let dateStr = ""
      date[0] && (dateStr += date[0]); // 年
      date[1] && (dateStr += "/" + date[1]); // 月
      date[2] && (dateStr += "/" + date[2]); // 日
      date[3] && (dateStr += " " + date[3]); // 时
      date[4] && (dateStr += ":" + date[4]); // 分
      date[5] && (dateStr += ":" + date[5]); // 秒
      arguments[0] = dateStr;
    }
    super(...arguments);
  }
}
window.Date = myDate;