覆盖多时区应用使用 new Date() 指定日期的坑

项目发现了个时区引起的bug,主要问题出现在下面代码,希望大家引以为戒。。

// 前端计算本月第一天为周几(如计算2019年3月1日为周几,year=2019,month=3)
let weekDay = this.getWeekDay(year + '-' + month + '-01');

getWeekDay(dateStr) {
    let date = new Date(dateStr);
    return date.getDay();
}

问题是前端js使用Date对象。一定要多注意时区、本地时间这些点。

错误场景: 西时区的客户端datepicker显示错误

覆盖多时区应用使用 new Date() 指定日期的坑_第1张图片

问题主要出在:let date = new Date(dateStr)

new Date()会返回***客户端(浏览器)本地时间***,而入参dateStr这里没有带时区,那它就***默认为0时区零点***。

=》举个例子,我们传入dateStr = "2019-03-01"。那现在这个dateStr就会被new Date()认为是"2019-03-01 00:00:00Z"。

1、假如客户端在 0时区 那必然不会有问题。

2、假如在东时区,比如我们的东八区,console log出来date会等于“Fri Mar 01 2019 08:00:00 GMT+0800 (中国标准时间)”,date.getDay()也不会有问题。

3、!!!但是假如在西时区,比如西六区,那date会等于“Thu Feb 28 2019 18:00:00 GMT-0600 (北美中部标准时间)”,这个date是2月28日,然后再去getDay()获取是周几,其实是获得的28号是周几,并不是1号,而我们的本意是获取3月1日是周几,所以就出问题了。

 

!!!解决方案:

// 前端计算本月第一天为周几(如计算2019年3月1日为周几,year=2019,month=3)
let weekDay = this.getWeekDay(year, month);

getWeekDay(year, month) {
    let date = new Date();
    // 不管date是什么,通过setFullYear()重设年月日
    date.setFullYear(year, parseInt(month) - 1, 1);
    return date.getDay();
}

 

你可能感兴趣的:(javascript)