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

Question

我的页面中有一个 kendo-datepicker 可以将日期插入表格，这很好用

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

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

this.paymentDate = response.paymentDate;

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

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

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

score 0 · Accepted Answer

paymentDate用 JavaScript 的Date对象初始化。

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

注意：我不确定两种方式绑定是否适用于这种情况。但是官方文档说有valueChange可以收听的事件。

例子：

在模板中：

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

在组件中：

 paymentDate = new Date();

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

1 回答 1