TypeScript中基于时区选择计算DateTime的实现求助

首先得帮你理清一个关键概念：JavaScript的Date对象内部始终存储的是UTC时间戳，各种toString/toUTCString方法只是把这个时间戳转换成不同时区的展示格式而已，所以你之前用new Date().toUTCString()再转成Date对象的操作其实是无效的——转出来的对象和new Date()的时间戳完全一样，只是展示方式不同。

你的代码问题分析 #

1. UTC时间转换误区：new Date(dummydate)（dummydate是UTC字符串）并没有创建UTC时间的Date对象，它只是把UTC字符串解析成对应的时间戳，和本地时间的Date对象本质是同一个东西（时间戳相同）。
2. 偏移计算错误：new Date().setMinutes(...)是在本地时间的基础上修改分钟数，而不是基于UTC时间计算偏移，这会导致时区转换逻辑完全错乱。

正确实现方案 #

根据你的需求，这里提供两种可靠的实现方式：

方式一：手动计算时区偏移（适用于只有偏移值的情况）

如果你的NewTimeZone.Bias是目标时区相对UTC的分钟偏移量（比如GMT+5:30对应330，GMT+4:00对应240），可以直接基于UTC时间戳计算目标时区的时间：

// 1. 获取当前UTC时间戳（毫秒，这是Date对象的核心存储值）
const currentUtcTimestamp = Date.now();

// 2. 计算目标时区的总偏移分钟数（考虑夏令时调整）
const totalOffsetMinutes = bAutodaylightsavingOptionVisible 
  ? NewTimeZone.Bias - 60 
  : NewTimeZone.Bias;

// 3. 计算目标时区的时间戳：UTC时间戳 + 偏移分钟转毫秒
const targetTimestamp = currentUtcTimestamp + totalOffsetMinutes * 60 * 1000;

// 4. 创建目标时区的Date对象（内部仍是UTC时间戳，但我们可以按需求格式化）
const targetDate = new Date(targetTimestamp);

// 5. 格式化成你需要的样式（比如"2019年10月10日下午3:03"）
this.SystemTime = targetDate.toLocaleString('zh-CN', {
  year: 'numeric',
  month: 'long',
  day: 'numeric',
  hour: '2-digit',
  minute: '2-digit',
  hour12: true
});

方式二：直接使用时区标识符（更推荐，自动处理夏令时）

如果你的下拉菜单可以获取到时区的标准标识符（比如路易港对应"Indian/Mauritius"，新德里对应"Asia/Kolkata"），可以直接用toLocaleString指定时区，浏览器会自动处理夏令时等复杂逻辑：

// 假设你从下拉菜单中获取到目标时区的标识符
const targetTimeZone = 'Indian/Mauritius'; // GMT+4:00 路易港

// 直接格式化当前时间到指定时区
this.SystemTime = new Date().toLocaleString('zh-CN', {
  timeZone: targetTimeZone,
  year: 'numeric',
  month: 'long',
  day: 'numeric',
  hour: '2-digit',
  minute: '2-digit',
  hour12: true
});

关键注意事项 #

• 确认NewTimeZone.Bias的符号：如果Bias是UTC减去目标时区的时间（比如GMT+5:30对应-330），那计算时要改成currentUtcTimestamp - totalOffsetMinutes * 60 * 1000，一定要和你的时区数据定义对应上。
• 夏令时的调整逻辑要和你的业务一致：如果bAutodaylightsavingOptionVisible是用户手动选择的夏令时开关，那你的偏移调整是对的；如果是自动判断，建议用方式二的时区标识符方案，浏览器会自动处理夏令时的起止时间。

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