angular：带有时区信息的日期管道，如美国/埃德蒙顿

在我的 Angular 应用程序中，我需要根据特定时区显示一些日期/时间信息。

原始日期/时间基于 UTC，如“2021-05-24T01:53:00+00:00”。我在它上面创建了 JS Date 对象。在 UI 中，我需要针对特定时区显示它。

我调查了一些文档，注意到 angular 的 date 管道可以支持时区，例如：

{{todayDate | date:'short':'UTC +4'}}

我试过了，可以用。但就我而言，我得到的时区数据类似于：America/Edmonton，日期管道不支持正确性。

我搜索了 America/Edmonton，不太确定如何将其转换为角度日期管道可以支持的格式。

更新：

我有如下解决方法：

添加一个名为 getDate

的新方法

public getDate(date: Date): string {
    return date.toLocaleString("en-US",{timeZone: "America/Los_Angeles"});
}

并将此函数包装到原始日期数据中，如

{{getDate(todayDate) | date:'short'}}

它可以工作并且结果是正确的。还有其他解决办法吗？