Angular 日期格式更改日期

Question

使用 Angular 4，我们尝试在 UI 中显示一个日期。当我们从端点获取日期时，它如下所示:

2018-04-03T00:00:00.000Z

现在，在 UI 中，只需执行以下操作:

activeRule.startDate

显示以上结果。

但是，当我尝试使用以下内容格式化该日期时:

{{activeRule.startDate | date : 'MMM d, y' : 'UTC' }}

该规则显示为前一天

Apr 2, 2018

我尝试附加时区值，但没有任何效果。对我来说很奇怪的是日期格式改变了检索到的值。有人可以提供见解和帮助吗？谢谢。

---

我使用 moment 框架解决了这个问题。

rule.startDate = moment(rule.startDate, 'YYYYMMDD').toISOString()

Answer 1

默认情况下，Angular 的日期管道将显示浏览器本地时区的日期和时间。例如，如果您位于美国东部时区，则 2018-04-03T00:00:00.000Z 等于 Mon Apr 02 2018 19:00:00 GMT-0500(美国东部时间)。在 Angular 5 中，您可以通过传入时区来覆盖此行为:

{{activeRule.startDate | date : 'MMM d, y' : '+0000'}}

https://angular.io/api/common/DatePipe