Angular：已掌握date管道用法，如何显示GMT日期时间？

嘿，既然你已经掌握了用{{ dateObj | date:'medium' }}显示日期时间的方法，那切换到GMT时区展示其实超简单，只需要利用Angular Date管道的时区参数就能搞定！

核心用法：指定时区参数 #

Angular的Date管道支持第二个可选参数来设置时区，直接传入'GMT'就能让时间以格林尼治标准时间展示：

1. 结合预定义格式使用

如果你想沿用medium这类预定义格式，只需要在后面追加时区参数即可：

{{ dateObj | date:'medium':'GMT' }}

示例输出：Oct 5, 2024, 3:52:15 PM GMT

2. 自定义GMT时间格式

如果需要更个性化的显示样式，可以自定义格式字符串，也可以用z占位符自动显示时区标识：

<!-- 手动添加GMT标识的自定义格式 -->
{{ dateObj | date:'yyyy-MM-dd HH:mm:ss GMT':'GMT' }}
<!-- 用z占位符自动渲染时区 -->
{{ dateObj | date:'EEEE, MMMM d, yyyy h:mm a z':'GMT' }}

对应的示例输出：

• 2024-10-05 15:52:15 GMT
• Saturday, October 5, 2024 3:52 PM GMT

额外小提示 #

• GMT和UTC在绝大多数场景下是等价的，你也可以传入'UTC'作为时区参数，效果完全一致。
• 如果需要指定带偏移的GMT时区（比如GMT+8），可以传入'+0800'这样的偏移值作为时区参数。
• 不管你的原始dateObj是本地时间还是UTC时间，管道都会根据你指定的时区参数自动转换显示。

内容的提问来源于stack exchange，提问作者Ratan Uday Kumar