在datetime-local中显示mm / dd / yyyy hh:mm AM / PM的方法

时间:2018-04-24 08:59:35

标签: html html5 angular

我的输入类型=文本框中的“datetime-local”显示是--->     mm / dd / yyyy _ _ _ _。 现在我希望它显示----> mm / dd / yyyy hh:mm AM / PM或mm / dd / yyyy hh:mm _ _在文本框中。有没有办法做到这一点。

如何在此处实现,我想以表格形式显示它 - >

transaction.component.html

  <input type="datetime-local" class="form-control" 
   [formControl]="dateTransactionForm.controls['toDateTransaction']" 
   [(ngModel)]="toDateTransaction"   useValueAsDate>

1 个答案:

答案 0 :(得分:1)

您可以将datepipe用作:

<p>The custom date is {{dateValue | date:'MM/dd/yyyy HH:mm a'}}</p>

这是documentation

<强> UPDATE1:

根据您的要求,您必须执行以下操作:

<input type="datetime-local" class="form-control" 
    [formControl]="dateTransactionForm.controls['toDateTransaction']" 
    [ngModel]="toDateTransaction | date:'MM/dd/yyyy HH:mm a'" useValueAsDate (ngModelChange)="toDateTransaction=$event">