Как правильно отображать дату с Angular2 +?

Question

Я использую Angular2 +, чтобы сделать доску Канбан.

Я решил добавить крайний срок для задач, чтобы затем отображать его на доске в формате 'yyyy-MM-dd'.

Я создал форму для редактирования крайнего срока, и когда я его использую, отображаемая дата изменяется в реальном времени, потому что я использую директиву [(ngModel)].

Но новая дата отображается в следующем формате: 'Thu Jul 25 00:00:00 GMT+0200».Поэтому я хотел бы найти что-то, чтобы изменить это ИЛИ что-то, чтобы обновить информацию без изменения того, что видит пользователь.

Answer 1

Вместо использования управляемой шаблоном формы переключение на реактивную форму означает, что вам больше не нужна директива ngModel.Angular Material позаботится об остальном, показывая выбранную дату по умолчанию.

Если вы хотите поэкспериментировать с отображением даты, вы можете использовать один из предоставленных адаптеров DateAdter или создать свой собственный.

В качестве альтернативы вы можете отделить DatePicker от вводаили даже вообще удалите входную часть и просто отобразите выбранную дату с помощью интерполяции строк.