【问题标题】:Way to display mm/dd/yyyy hh:mm AM/PM in datetime-local在本地日期时间中显示 mm/dd/yyyy hh:mm AM/PM 的方式
【发布时间】:2018-04-24 08:59:34
【问题描述】:

我的输入类型="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>

【问题讨论】:

  • 有很多插件,比如momentjs.com。还有一个角度积分,不过我懒得帮你查了。
  • 阅读DatePipe

标签: html angular


【解决方案1】:

您可以将日期管道用作:

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

这里是documentation

更新1:

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

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

【讨论】:

  • 这里怎么用 -->
  • 我想在表单中使用它
  • @SuchetaShrivastava 对你有帮助吗?
  • 服务器已关闭..所以我还没有尝试过。我相信它会起作用。谢谢
  • @SuchetaShrivastava 好的,一旦你检查它,你就可以接受答案。答案的左上角会有一个✔。
猜你喜欢
  • 2017-04-08
  • 2015-05-20
  • 1970-01-01
  • 2020-09-12
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多