angular - 为什么 PrimeNG p-calendar 不显示日期的值？

Question

我使用 PrimeNG 日历组件发现以下问题。

在我的 Angular 组件的 HTML 视图中，我定义了这个 PrimeNG 组件标签：

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

这应该查看包含在由orderDetail.dettaglio_ordine.data_inserimento标识的 JSON 对象字段中的日期。该字段包含以下值：2020-08-08"

事实上，在我的 JSON 中，我有：

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

问题在于，以这种方式执行此日期不会显示在呈现的空表单中。

为什么？怎么了？我错过了什么？我该如何解决这个问题？

Answer 1

您需要将值从字符串更改为日期，p-calendar值必须是日期，因此在您从 api 获取值后尝试将其更改为日期。

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

演示