如何格式化输入文本中的日期

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

你应该这样应用管道：

<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');

如何格式化输入文本中的日期

How to format Date in inputText

format

date

primeng

angular