JavaScript Date对象设置UTC午夜日期显示异常问题

现象原因 #

你看到的差异是正常逻辑导致的：JavaScript的Date对象内部始终以UTC时间戳存储时间，但console.log输出时会自动转换为运行环境的本地时区。当你用'2024-02-26T00:00:00Z'创建Date时，它确实代表UTC时区2024年2月26日午夜，但你的环境是太平洋标准时间（GMT-0800），本地时间为UTC时间减去8小时，因此显示为2月25日16:00。Z标识仅用于告诉Date解析器该时间是UTC标准，不影响最终的本地时区转换显示。

跨环境一致的解决方法 #

根据不同业务需求，可选择以下方案：

1. 基于UTC时区处理日期逻辑

如果业务需要依赖UTC日期组件，直接使用Date对象的UTC系列方法获取对应值：

function updateDates(startDate) {
    var utcStartDate = startDate + 'T00:00:00Z';
    var currentDate = new Date(utcStartDate);

    // 获取UTC时区的日期组件（不受本地时区影响）
    console.log(currentDate.getUTCFullYear()); // 输出2024
    console.log(currentDate.getUTCMonth() + 1); // 输出2（注意月份从0开始计数）
    console.log(currentDate.getUTCDate()); // 输出26
}

2. 显示UTC标准时间而非本地时间

如果需要在控制台或UI中展示UTC时间，使用toUTCString()或toISOString()方法：

console.log(currentDate.toUTCString()); // 输出 Sun, 26 Feb 2024 00:00:00 GMT
console.log(currentDate.toISOString()); // 输出 2024-02-26T00:00:00.000Z

3. 创建本地时区午夜（仅适用于业务明确要求的场景）

如果需求是生成当前环境本地时区的午夜时间，不要添加Z标识，但这种方式会受环境时区影响，跨环境不一致：

var localMidnight = new Date(startDate);
localMidnight.setHours(0, 0, 0, 0);

内容的提问来源于stack exchange，提问作者Daniel