Назначьте сохраненное значение даты и времени в базе данных для значения Datepicker

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

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

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

this.paymentDate = response.paymentDate;

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

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

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


typescript angular kendo-ui kendo-datetimepicker
person Tom    schedule 21.05.2018    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Инициализируйте 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;
  }
person Ritwick Dey    schedule 21.05.2018