JavaScript如何将UTC时间字符串始终转换为ET时区时间并格式化？

原函数的核心问题在于使用了getHours()和getMinutes()方法，这两个方法返回的是本地时区的时间值，而非目标ET（美国东部时区）的时间。在CET环境下处理UTC时间时，自然会得到错误的结果。

要实现无论本地时区如何，都将UTC时间转换为ET时区的格式化时间，推荐使用Intl.DateTimeFormat API，它支持指定目标时区，且能自动处理夏令时（EST/EDT）的切换，是最可靠的方案。

方案一：直接格式化（简洁版） #

export function formatAMPM(dateString) {
    const date = new Date(dateString);
    // 指定纽约时区（对应ET），配置所需的时间格式
    const timeFormatter = new Intl.DateTimeFormat('en-US', {
        timeZone: 'America/New_York',
        hour: 'numeric',
        minute: '2-digit',
        hour12: true
    });
    // 拼接结果并返回
    return `${timeFormatter.format(date)} ET`;
}

调用formatAMPM('2023-02-11 00:30:00+00:00')会返回7:30 PM ET，完全符合预期。该方案会自动根据日期判断是EST（UTC-5）还是EDT（UTC-4），无需手动维护偏移量。

方案二：拆分时间组件（灵活版） #

如果需要更精细地控制每个时间组件的格式（比如强制AM/PM大写），可以使用formatToParts方法拆分时间组件：

export function formatAMPM(dateString) {
    const date = new Date(dateString);
    // 格式化并拆分时间组件
    const timeParts = new Intl.DateTimeFormat('en-US', {
        timeZone: 'America/New_York',
        hour: 'numeric',
        minute: '2-digit',
        hour12: true
    }).formatToParts(date);

    // 提取所需组件
    const hour = timeParts.find(part => part.type === 'hour').value;
    const minute = timeParts.find(part => part.type === 'minute').value;
    const ampm = timeParts.find(part => part.type === 'dayPeriod').value.toUpperCase();

    return `${hour}:${minute} ${ampm} ET`;
}

这个方案能精确控制每个部分的展示形式，和原函数的输出风格完全一致，同时保证时区转换的正确性。

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