Angular中如何显示UTC时间？API返回时间被自动转时区

这个问题我之前也碰到过，Angular的Date管道默认会使用本地时区来处理时间，所以你看到的是自动转成UTC+2后的结果。要强制显示UTC时区的时间，只需要给管道加上第三个参数指定时区为'UTC'就行。

具体修改方式 #

把你的代码从：

{{ResponseTime| date:'dd.MM.yy HH:mm'}}

改成：

{{ResponseTime| date:'dd.MM.yy HH:mm':'UTC'}}

如果还需要在末尾加上"UTC"字样，直接拼接即可：

{{ResponseTime| date:'dd.MM.yy HH:mm':'UTC'}} UTC

原理说明 #

Angular的Date管道签名是这样的：date(value: any, format?: string, timezone?: string, locale?: string)，其中第三个参数timezone就是用来指定时区的，传入'UTC'就会强制使用UTC时区解析和格式化时间，不会再转换成本地时区的时间了。

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