html里面的angular日期格式

Question

當前日期顯示如下

我需要格式化這個日期，如丟失日期：08/07/2022 (DD/MM/YYYY)

這是我的 HTML 代碼。 我需要在 HTML 頁面內進行操作。 可能嗎？

<label class="col-form-label font-weight-bold">
    {{_modalViewData.dateOfLoss}}
</label>

Answer 1

您可以使用管道。 管道為您提供了在不更改值本身的情況下更改轉換字符串的可能性。

 <label class="col-form-label font-weight-bold"> {{_modalViewData.dateOfLoss | date: 'dd/MM/yyyy'}} </label>

Answer 2

使用 Angular 日期 Pipe 功能將日期轉換為任何特定格式

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

{{_modalViewData.dateOfLoss | date : 'dd/MM/YYYY'}}