Блог

Главная - Вопросы по программированию - Почему PrimeNG p-calendar не показывает значение даты?

Почему PrimeNG p-calendar не показывает значение даты?

#angular #primeng #primeng-calendar

#angular #primeng #primeng-calendar

Вопрос:

Я нахожу следующую проблему, используя компонент PrimeNG Calendar.

В HTML-представлении моего компонента Angular я определил этот тег компонента PrimeNG:

 <p-calendar [disabled]="disabled"
            [(ngModel)]="orderDetail.dettaglio_ordine.data_inserimento"
            dateFormat="yyyy-mm-dd"></p-calendar>

При этом должна отображаться дата, содержащаяся в поле объекта JSON, идентифицируемом OrderDetail.dettaglio_ordine.data_inserimento. Это поле содержит следующее значение: 2020-08-08″

Фактически в моем JSON у меня есть:

 "data_inserimento": "2020-08-08",

проблема в том, что при выполнении этого способа эта дата не отображается в отображаемой форме, которая является пустой.

Почему? Что не так? Чего я не понимаю? Как я могу исправить эту проблему?

Ответ №1:

вам нужно изменить значение со string на date , p-calendar значением должна быть date, поэтому после получения значения из api попробуйте изменить его на date.

   data_inserimento = new Date("2020-08-08");

демонстрация 🚀🚀

Комментарии:

1. Хорошо … сомнение … могу ли я создать новую дату непосредственно во внешнем интерфейсе? Я имею в виду делать это встроенным, избегая внесения этого во внутренний класс .ts?

2. насколько я знаю, вы не можете 🤔🤔