如何用Angular2+正确显示日期？

Question

我正在用Angular2+做一个看板。

我已经决定在任务上添加一个截止日期，然后在黑板上以'yyyy-MM-dd'格式显示它。

我制作了一个表单来编辑截止日期，当我使用它时，显示的日期会实时更改，因为我使用了[(ngModel)]指令。

但是新的日期以这种格式显示：'Thu Jul 25 00:00:00 GMT+0200‘。所以我想找到一些东西来改变它，或者一些东西来更新信息，而不改变用户看到的内容。

Answer 1

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

如果您想尝试一下日期的显示方式，您可以使用提供的DateAdapters之一，也可以创建自己的own。

或者，您可以将DatePicker从输入中分离出来，甚至完全删除输入部分，只使用字符串插值显示所选的日期。