JavaScript：将UTC时间转换为指定时区的技术求助

首先得明确一个关键点：时区缩写（比如PDT）本身存在歧义性（比如CST对应4个不同时区），但如果你的业务场景中缩写对应的时区是唯一确定的，那我们可以通过手动映射缩写到标准IANA时区标识来解决问题，这也是最可行的方案。

下面分两种常用方式给出具体实现：

方法一：使用moment-timezone（兼容旧项目） #

因为你之前尝试过moment-timezone但卡在没有IANA标识，那我们先给缩写做个映射表，再用库转换：

步骤1：定义时区缩写映射表 #

根据你的业务需求补充需要的时区，比如：

const timezoneAbbrToIANA = {
  'PDT': 'America/Los_Angeles',
  'PST': 'America/Los_Angeles', // PDT/PST同属洛杉矶时区，只是夏令时差异
  'EST': 'America/New_York',
  'EDT': 'America/New_York',
  'CST': 'Asia/Shanghai', // 如果你的业务中CST指中国标准时间
  // 其他需要的缩写
};

步骤2：转换逻辑 #

假设你从rc-time-picker拿到的是UTC时区的moment对象（比如gmtMoment），目标时区缩写是targetAbbr：

// 先拿到对应的IANA时区标识
const targetIANA = timezoneAbbrToIANA[targetAbbr];
if (!targetIANA) {
  console.error(`不支持的时区缩写：${targetAbbr}`);
  return;
}

// 转换到目标时区并格式化
const convertedTime = gmtMoment.tz(targetIANA).format('HH:mm');

方法二：使用原生Intl.DateTimeFormat（无依赖，推荐现代项目） #

如果不想引入moment系列库，现代浏览器和Node.js都支持原生的Intl.DateTimeFormat，同样通过映射表来实现：

const timezoneAbbrToIANA = {
  // 同上的映射表
};

// 假设从rc-time-picker拿到的是Date对象（moment可以通过.toDate()转换）
const gmtDate = gmtMoment.toDate();
const targetIANA = timezoneAbbrToIANA[targetAbbr];

const formatter = new Intl.DateTimeFormat('en-US', {
  hour: '2-digit',
  minute: '2-digit',
  timeZone: targetIANA,
  hour12: false, // 强制24小时制，输出HH:mm格式
  timeZoneName: 'short' // 可选：显示时区缩写
});

const convertedTime = formatter.format(gmtDate);

为什么之前的方案行不通？ #

针对你尝试过的方法，补充说明：

• Date.prototype.getTimezoneOffset()：只能获取本地时区与UTC的偏移，无法指定任意时区，所以确实无法满足需求；
• moment的utcOffset()：需要知道目标时区的分钟偏移量（比如PDT是-420分钟），但偏移量会随夏令时变化，硬编码偏移很容易出错；
• moment-timezone的zone.utcOffset()：确实需要IANA时区标识（如America/Los_Angeles），但通过我们的映射表就能把你有的缩写转成符合要求的标识，解决这个问题。

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