如何在 inputText 中格式化日期

Question

我正在使用primeng，如何以另一種格式（dd/MM/yyyy）在輸入中顯示日期：

<label class="col-form-label" >Date</label>
<input type="text" size="30" pInputText [(ngModel)]="object.dateCreation" [readonly]="true" >

object: Object = {
    dateCreation: new Date();
}

下面顯示日期的方式：

Answer 1

你應該這樣申請 pipe ：

<input type="text" size="30" pInputText [ngModel]="object.dateCreation | date : 'medium" (ngModelChange)="object.dateCreation = $event" [readonly]="true">

Answer 2

您可以使用 Angular DatePipe

用於顯示在 HTML::

{{dateCreation | date: 'dd/MM/yyyy'}}

為了將數據發送到后端，注入其依賴項，例如

providers :[DatePipe]

constructor(private datePipe:DatePipe) {}

現在，使用可用的方法轉換日期：

this.datePipe.transform(this.dateCreation, 'dd/MM/yyyy');