将数据库中保存的日期时间值分配给Datepicker值

Question

我的页面中有一个kendo-datepicker，可以在表格中插入日期，这样可以正常使用

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

我使用相同的网页显示已保存记录的详细信息

this.paymentDate = response.paymentDate;

但是当我将数据库中的相同值分配给kendo-datepicker时 在页面加载期间，我给出了以下错误

  

'value'应该是有效的JavaScript Date实例。

我尝试格式化字符串但没有成功。

Answer 1

使用JavaScript的paymentDate对象初始化Date。

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

Checkout MDN to know furthur about Date object.

注意：我不确定双向绑定是否适用于此情况。 但是官方文档说你可以听valueChange事件。

示例：

在模板中：

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

在组件中：

 paymentDate = new Date();

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