JavaScript时区转换异常：日期选择器时间转换结果错误

问题现象 #

• 使用当前时间转换时，dateFromServer输出符合预期
• 使用日期选择器选中的时间转换时，parsedFromServer结果错误
• 夏令时与标准时间切换时，问题表现更明显

原代码 #

// value from date selector
const dateObject = Object.values(value)); // returns Sat 01 Oct 2022 00:00:00 GMT-0700 (Pacific Standard Time)

var localDate = new Date();
console.log("localDate", localDate); // localDate Tue Aug 16 2022 13:14:48 GMT-0700 (Pacific Daylight Time)
var offset = -(localDate.getTimezoneOffset() / 60);
const dateFromServer = new Date(
    localDate.getTime() + offset * 3600 * 1000,
).toUTCString();

var serverDate = new Date(dateObject);
console.log("serverDate", serverDate); //serverDate Wed Nov 16 2022 08:00:00 GMT-0800 (Pacific Standard Time)
offset = -(serverDate.getTimezoneOffset() / 60);
const parsedFromServer = new Date(
    serverDate.getTime() + offset * 3600 * 1000,
).toUTCString();

console.log("dateFromServer", dateFromServer); //returns correct-> Tue, 16 Aug 2022 12:31:20 GMT
console.log("parsedFromServer", parsedFromServer); //incorrect ->  Sat, 01 Oct 2022 00:00:00 GMT.

问题根源 #

核心错误是对Date.getTime()的理解偏差：

• getTime()返回的是UTC时间戳（从1970-01-01 UTC到目标时间的毫秒数），本身已经基于UTC基准，不需要额外叠加时区偏移计算
• 处理当前时间时结果“正确”只是巧合：当时区偏移和错误计算逻辑碰巧抵消时，输出看似符合预期，但逻辑本质错误
• 处理日期选择器时间时，时区偏移（比如GMT-0800对应的offset=-8）叠加到UTC时间戳上，会把时间往回拨8小时，导致最终UTC字符串和原本地时间完全一致，完全不符合转换需求

修复方案 #

如果你的需求是把本地时间转换为对应的UTC时间字符串，直接调用Date对象的toUTCString()方法即可，不需要手动计算偏移：

// 日期选择器的值
const dateObject = Object.values(value); // 返回 Sat 01 Oct 2022 00:00:00 GMT-0700 (Pacific Standard Time)

// 处理当前时间的正确方式
const localDate = new Date();
const dateFromServer = localDate.toUTCString();
console.log("dateFromServer", dateFromServer); // 输出正确的UTC时间，比如 Tue, 16 Aug 2022 20:14:48 GMT

// 处理日期选择器时间的正确方式
const serverDate = new Date(dateObject);
const parsedFromServer = serverDate.toUTCString();
console.log("parsedFromServer", parsedFromServer); // 输出正确的UTC时间，比如 Sat, 01 Oct 2022 07:00:00 GMT

如果你的真实需求是将本地时间转换为服务器所在时区的时间（而非UTC），可以直接使用toLocaleString指定服务器时区：

// 示例：转换为美国太平洋时区的时间字符串
const parsedFromServer = serverDate.toLocaleString('en-US', {
  timeZone: 'America/Los_Angeles',
  timeZoneName: 'short'
});

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