使用moment.js格式化日期：时区导致时间显示错误的问题求助

这个问题我之前也碰到过！核心原因是你用moment(date)的时候，Moment会自动把带时区的日期转换成你的本地系统时区来处理，所以才会出现时间偏移，甚至am/pm显示错误的情况。

修复方案 #

你需要用moment.parseZone()方法来解析这个日期字符串，它会保留原字符串里的时区信息，不会转换到本地时区。修改后的代码如下：

moment.parseZone('2021-10-20T07:03:02-04:00').format('dddd h:mma');

执行这段代码后，就能得到你想要的「星期三 7:03am」结果了。

为什么原代码会出错？ #

• moment(date)：当传入带时区的日期字符串时，这个方法会先将日期转换为你的本地系统时区，再进行格式化。这就导致最终显示的时间和原字符串里的时区时间不一致，甚至出现14:03am这种矛盾的格式（14点属于下午，应该显示pm）。
• moment.parseZone(date)：这个方法会直接解析原字符串中的时区和时间信息，全程保留该时区的时间上下文，格式化时自然会输出原时区的正确时间。

如果之后你需要将日期转换到其他特定时区（比如UTC、北京时区等），可以考虑引入moment-timezone库来实现更灵活的时区转换，但针对当前的需求，parseZone就完全能解决问题啦。

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