IE浏览器和移动端环境 new Date()
接收的字符串不支持YYYY-MM-DD hh:mm:ss
格式(return Invalid Date
),要转化成 /
(YYYY/MM/DD hh:mm:ss
)
const time = '2021-03-24 15:40:00'
// 常规操作(IE和移动端不兼容)
console.log(new Date(time).getTime()) // NaN
// 解决办法
console.log(new Date(time.replace(/-/g,'/')).getTime()) // 1616571600000
背景:
项目中用到一个判断超时的操作,代码如下:
function isOvertime(time) {
// 由于还有其它判断条件,这里使用了 ! 而不是 <=
return !(new Date(time).getTime() > Date.now())
}
const handleTime = getHandleTime() // 处理时限 -> 2021-03-24 15:40:00
console.log(isOvertime(handleTime ))
// IE -> false
// chrome -> true
导致IE结果不正确的原因是,IE浏览器中 new Date()
接收的时间不支持横线的格式 -
,要改成 /
才可以,否则返回 NaN
。
// 渣 IE:
new Date('2021-03-24 15:40:00') // NaN
new Date('2021/03/24 15:40:00') // Wed Mar 24 2021 15:40:00 GMT+0800 (中国标准时间)
而 NaN
和任意值比对都返回 false
,所以导致了上面的错误。
而且,移动端也会出现和 IE 一样的问题。