为什么 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");

demo

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

Why PrimeNG p-calendar doens't show the value of the date?

primeng

angular

primeng-calendar