JavaScript中如何以本地区域格式显示UTC日期？

我明白你想要的效果：用你所在地区的日期格式（比如美国的MM/DD/YYYY、欧洲的DD/MM/YYYY）来显示UTC日期，而不是要么输出UTC的固定格式，要么错误地显示本地时间的日期。其实你离正确解法只差一步，只是参数传递的方式需要调整：

正确的实现方式 #

toLocaleDateString完全能满足你的需求，关键是要正确传递两个参数：

• 第一个参数留空（或传undefined/null），让方法自动使用当前环境的默认区域设置（也就是你要的「本地格式」）
• 第二个参数指定timeZone: "UTC"，告诉方法基于UTC时间来格式化，而非本地时间

针对你提到的测试日期new Date("Sat, 30 Mar 2019 00:27:19 GMT")，代码示例如下：

const targetUtcDate = new Date("Sat, 30 Mar 2019 00:27:19 GMT");

// 若当前环境是美国区域（en-US），输出 "3/30/2019"
console.log(targetUtcDate.toLocaleDateString(undefined, { timeZone: "UTC" }));

// 若当前环境是欧洲法语区域（fr-FR），输出 "30/03/2019"
console.log(targetUtcDate.toLocaleDateString('fr-FR', { timeZone: "UTC" }));

为什么你之前的尝试没生效？ #

你提到用new Date().toLocaleDateString(options = {timeZone: "UTC"})得到了本地日期，大概率是参数传递的问题：toLocaleDateString的第一个参数是区域设置，第二个才是配置选项。如果你直接把配置对象作为第一个参数，部分浏览器会将其视为无效的区域参数并 fallback 到默认区域，但核心问题可能是你当时测试的日期，其UTC日期和本地日期恰好不同（比如本地时间比UTC早，UTC已是30日但本地还在29日），而没设置时区时方法默认用本地时间格式化，导致你误以为输出的是本地日期。

用Intl.DateTimeFormat的等价实现 #

如果你偏好Intl.DateTimeFormat的写法，配置逻辑是完全一致的：

const formatter = new Intl.DateTimeFormat(undefined, { timeZone: "UTC" });
console.log(formatter.format(targetUtcDate)); // 输出对应本地格式的UTC日期

总结步骤 #

1. 创建包含目标UTC时间的Date对象（注意：new Date(UTC字符串)会正确解析UTC时间到对象中）
2. 调用格式化方法时，不指定区域（使用默认本地区域），同时设置timeZone: "UTC"选项
3. 得到的结果就是你要的「本地格式的UTC日期」

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