Присвойте сохраненное значение даты и времени в базе данных значению Datepicker

Question

У меня на странице есть kendo-datepicker для вставки даты в таблицу, и это прекрасно работает

<kendo-datepicker [value]="paymentDate" [(ngModel)]="paymentDate"></kendo-datepicker>

Я использую ту же веб-страницу, чтобы показать детали сохраненной записи

this.paymentDate = response.paymentDate;

но когда я присваиваю то же значение в базе данных kendo-datepicker во время загрузки страницы, я выдаю мне следующую ошибку

«Значение» должно быть допустимым экземпляром JavaScript Date.

Я попытался отформатировать строку, но безуспешно.

Answer 1

Инициализируйте paymentDate с помощью объекта JavaScript Date.

paymentDate = new Date();
// or,
paymentDate = new Date('December 17, 1995 03:24:00');

Извлеките MDN, чтобы узнать о Date объекте.

---

Примечание: Я не уверен, что двусторонняя привязка будет работать в этом случае или нет.Но в официальной документации сказано, что есть событие valueChange, которое вы можете прослушать.

Пример:

В шаблоне:

<kendo-datepicker
    (valueChange)="onChange($event)"
    [value]="paymentDate"
    >
</kendo-datepicker>

в компоненте:

 paymentDate = new Date();

 public onChange(value: Date): void {
    this.paymentDate= value;
  }