【问题标题】:Angular date pipe is displaying the incorrect date角度日期管道显示的日期不正确
【发布时间】:2021-12-05 19:49:42
【问题描述】:

我从服务器获得了这个日期2021-10-08T23:47:34.000Z,每当我在上面使用角度日期pipe,它显示Oct 9, 2021而不是Oct 8, 2021

<ng-container matColumnDef="created_at">
      <th mat-header-cell *matHeaderCellDef>Date</th>
      <td mat-cell *matCellDef="let element">
        {{ element.created_at | date }}
      </td>
</ng-container>

【问题讨论】:

    标签: javascript angular typescript angular-material


    【解决方案1】:

    Angular 的 DatePipe 使用区域设置来显示日期,这意味着它会根据用户的时区更改日期。

    您可以在管道末尾指定时区。

    {{ element.created_at | date:'mediumDate':'UTC' }}
    

    【讨论】:

    • 我不太明白UTC 是如何解决问题的。你能解释得更好吗?
    • 如果您的后端将日期存储在UTC 时区,并且您将前端的日期视为UTC(阅读:与您的后端相同的时区),它将不会应用与时区的任何偏移量。
    • 我如何知道我的后端是否将日期存储为UTC 或任何其他格式?我的后端使用sequelizemysqlnodejs
    • 不是格式而是时区。除非您出于某种原因专门更改它,否则它是UTC
    猜你喜欢
    • 2019-12-12
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-04-07
    • 2018-11-26
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多