JavaScript实现本地时间到用户选定时区Unix时间戳转换

核心逻辑：你需要保留原始时间戳对应的日历点位（年/月/日/时/分/秒），把这组时间值映射到用户选定的目标时区下，再生成对应的Unix时间戳，而不是直接做跨时区的时间换算。

方案1：使用dayjs实现（推荐，无夏令时兼容问题） #

引入dayjs核心库及UTC、时区插件后，按以下逻辑处理：

// daterangepicker输出的原始时间戳
const originTimestamp = 1656277200000;
// 用户选定的目标时区标识
const targetTimezone = "Europe/London";

// 提取原始时间戳在设备本地时区对应的时间字段
const originTime = dayjs(originTimestamp);
const timeConfig = {
  year: originTime.year(),
  month: originTime.month(),
  date: originTime.date(),
  hour: originTime.hour(),
  minute: originTime.minute(),
  second: originTime.second()
};

// 将同组时间字段应用到目标时区，生成对应时间戳
const targetTimestamp = dayjs.tz(timeConfig, targetTimezone).valueOf();
// 输出结果为1656284400000，符合预期

方案2：原生JS实现（无第三方依赖） #

如果不想引入额外库，可以借助原生IntlAPI的时区解析能力实现：

const originTimestamp = 1656277200000;
const targetTimezone = "Europe/London";

// 提取原始时间在本地时区的时间字段
const originDate = new Date(originTimestamp);
const timeFields = {
  year: originDate.getFullYear(),
  month: originDate.getMonth(),
  day: originDate.getDate(),
  hour: originDate.getHours(),
  minute: originDate.getMinutes(),
  second: originDate.getSeconds()
};

// 基于目标时区解析同组时间字段，计算对应时间戳
const localTargetDate = new Date(timeFields.year, timeFields.month, timeFields.day, timeFields.hour, timeFields.minute, timeFields.second);
const utcOffset = localTargetDate.getTime() - new Date(localTargetDate.toLocaleString('en-US', { timeZone: 'UTC' })).getTime();
const timezoneOffset = localTargetDate.getTime() - new Date(localTargetDate.toLocaleString('en-US', { timeZone: targetTimezone })).getTime();
const targetTimestamp = localTargetDate.getTime() - timezoneOffset + utcOffset;

注意事项 #

• 禁止手动写死时区偏移做加减计算：比如直接给原始时间戳加/减固定小时数的写法，碰到夏令时切换、地区时区规则调整时会直接出现计算错误，必须用带完整时区规则的API处理。
• 如果daterangepicker支持配置输出时区，优先直接在组件初始化时绑定用户选定的时区，直接输出目标时间戳，省去后续转换步骤。

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