new Date()兼容性比较

问题描述

在使用element ui 的时间选择器 date-picker 的default-value(选择器打开时默认显示的时间)

文档说 default-value 可被new Date()解析即可

new Date()可以解析的值

• 先看chrome

  // 加引号
  1. new Date('2020,10,20')
  // Tue Oct 20 2020 00:00:00 GMT+0800 (China Standard Time)
  
  2. new Date('2020-10-20')
  // Tue Oct 20 2020 08:00:00 GMT+0800 (China Standard Time)
  
  3. new Date('2020/10/20')
  // Tue Oct 20 2020 08:00:00 GMT+0800 (China Standard Time)
  
  // 不加引号
  4. new Date(2020,10,20) 
  // Fri Nov 20 2020 00:00:00 GMT+0800 (China Standard Time) ---显然时间是错误的
  
  5. new Date(2020-10-20)
  // Thu Jan 01 1970 08:00:01 GMT+0800 (China Standard Time) ---显然时间是错误的
  
  6. new Date(2020/10/20)
  // Thu Jan 01 1970 08:00:01 GMT+0800 (China Standard Time) ---显然时间是错误的
  复制代码

总结 只要是字符串，这三种格式都能正常解析,非字符串,均解析 错误,但是不报错。

• Safari

// 加引号
1. new Date('2020,10,20')
// Invalid Date = $1 

2. new Date('2020-10-20')
// Tue Oct 20 2020 08:00:00 GMT+0800 (CST) = $1 

3. new Date('2020/10/20')
// Tue Oct 20 2020 00:00:00 GMT+0800 (CST) = $1

// 不加引号
4. new Date(2020,10,20) 
// Fri Nov 20 2020 00:00:00 GMT+0800 (CST) = $1 ---显然时间是错误的

5. new Date(2020-10-20)
// Thu Jan 01 1970 08:00:01 GMT+0800 (CST) = $1 ---显然时间是错误的

6. new Date(2020/10/20)
// Thu Jan 01 1970 08:00:00 GMT+0800 (CST) = $1 ---显然时间是错误的
复制代码

总结 只要是字符串并且不是逗号隔开，能解析,使用逗号隔开,会报错,非字符串,均不能解析

• 再看IE 的edge浏览器

// 加引号
1. new Date('2020,10,20')
// [date] Invalid Date: 

2. new Date('2020-10-20')
// [date] Tue Oct 20 2020 08:00:00 GMT+0800 (中国标准时间): 

3. new Date('2020/10/20')
// [date] Tue Oct 20 2020 00:00:00 GMT+0800 (中国标准时间): 

// 不加引号
4. new Date(2020,10,20) 
// [date] Fri Nov 20 2020 00:00:00 GMT+0800 (中国标准时间):  ---显然时间是错误的

5. new Date(2020-10-20)
// [date] Thu Jan 01 1970 08:00:01 GMT+0800 (中国标准时间):  ---显然时间是错误的

6. new Date(2020/10/20)
// [date] Thu Jan 01 1970 08:00:00 GMT+0800 (中国标准时间): ---显然时间是错误的
复制代码

总结 只要是字符串并且不是逗号隔开，能解析,使用逗号隔开,会报错,非字符串,均不能解析

总结

日期设置 建议使用 字符串 并且使用 ‘/’ 或者 ‘-‘ 各个版本浏览器支持度友好

如:

new Date('2020/10/20') 
复制代码