Question

我有一个angular2 v4应用，我必须以特定格式显示日期。

我的组件中有这个

currentDate: Date = new Date();

在我的HTML中，我有这个。

<mat-form-field>
  <input matInput [(ngModel)]="currentReport.fromDate" type="text"/>
</mat-form-field>

但是在运行时，输入看起来像这样：

Sat Nov 17 2018 17:35:26 GMT-0600 (hora estándar central)

如何使用ngModel以dd/mm/yyyy hh:mm格式显示日期？

Answer 1

您需要将Date对象格式化为string。一种实现方法是使用时刻.format（https://momentjs.com/docs/#/displaying/）

currentDate: Date = moment(new Date()).format('DD/MM/YYYY HH:mm')

Answer 2

如果这是您唯一需要的东西，请在ts文件<ul class="nav nav-pills nav-stacked" style="height: 250px; overflow-y: scroll;"> <li class="nav-item"> <a class="nav-link active" href="#">Active</a> </li> <li class="nav-item"> <a class="nav-link" href="#">Link</a> </li> <li class="nav-item"> <a class="nav-link" href="#">Link</a> </li> <li class="nav-item"> <a class="nav-link disabled" href="#">Disabled</a> </li> </ul>

中将其初始化

如果您还需要其他日期格式，请使用诸如moment的库

用代码显示特定格式的日期？

2 个答案: