如何使用Angular2 +正确显示日期?

时间:2019-05-26 19:28:18

标签: angular forms date ngmodel

我正在使用Angular2 +制作看板。

我决定为任务添加最后期限,然后以'yyyy-MM-dd'格式将其显示在板上。

我已经制作了一个表格来编辑截止日期,并且当我使用截止日期时,显示的日期会实时更改,因为我使用了[(ngModel)]指令。

但是新日期以以下格式显示:“ Thu Jul 25 00:00:00 GMT+0200”。 因此,我想找到一些更改内容或更新信息的方法,而不更改用户看到的内容。

1 个答案:

答案 0 :(得分:-1)

切换到反应形式无需使用模板驱动的形式,这意味着您不再需要ngModel指令。然后,Angular Material会处理其余部分,默认情况下会显示所选日期。

如果您随后想了解日期的显示方式,则可以使用提供的DateAdapter之一,也可以创建自己的日期适配器。

或者,您可以将DatePicker与输入分开,甚至完全删除输入部分,并通过字符串插值简单地显示所选日期。