如何在 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');