如何在客户端使用指定时区时间？脚本时区适配异常排查

为什么你的脚本失效？ #

你的代码核心逻辑踩了Date对象的解析坑：

• 第一步(new Date()).toLocaleString("en-US", {timeZone: "America/Regina"})确实能生成America/Regina时区的时间字符串，但这个字符串没有时区标识。
• 当你用这个字符串创建新Date对象时，浏览器会默认按客户端本地时区去解析它，相当于把目标时区的时间硬生生转换成了本地时区的时间，再调用getHours()自然拿到的是客户端本地的小时数，完全达不到固定时区的要求。

正确的实现方式 #

方法一：用Intl.DateTimeFormat直接提取目标时区时间（推荐） #

通过formatToParts方法直接获取目标时区的小时部分，避免字符串解析的歧义：

// 创建目标时区的格式化器
const reginaTimeFormatter = new Intl.DateTimeFormat('en-US', {
  timeZone: 'America/Regina',
  hour: '2-digit',
  hour12: false // 强制24小时制，便于数值判断
});

// 获取时间拆分后的各个部分
const timeParts = reginaTimeFormatter.formatToParts(new Date());
// 提取小时并转成数字
const reginaHour = parseInt(timeParts.find(part => part.type === 'hour').value, 10);

if (reginaHour >= 0 && reginaHour <= 4) {
  // 这里写你的业务逻辑
}

方法二：通过UTC时间计算（仅适用于固定偏移的时区） #

America/Regina时区是UTC-6且无夏令时，偏移固定，也可以直接基于UTC时间计算：

const now = new Date();
// UTC小时数减6，加24再取模避免负数
const reginaHour = (now.getUTCHours() - 6 + 24) % 24;

if (reginaHour >= 0 && reginaHour <= 4) {
  // 这里写你的业务逻辑
}

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