PrimeNG日历不反映模态中的日期

Question

我正在使用PrimeNG日历控件我能够选择并存储日期，但是当我从说数据库中获取日期并尝试通过更新模态来设置日期时。我收到以下错误：

<p-calendar  [(ngModel)]="bin.bidinstalledfrom" dateFormat="dd/mm/yy" 
[showTime]="true"  autocomplete="off" required name="BIDInstalledFrom" 
id="installedfrom" class="col-md-12"  ></p-calendar>

组件：

 this.bin.BIDInstalledFrom='17/05/2018'
;// I have hardcoded the date in component for the ease of development

我尝试过各种格式的日期。 '17 / 05/2020 16:00'，'17 / 05/2018'，'1526572848'等

我也尝试将模态属性bidinstalledfrom的数据类型更改为字符串，日期，数字。同样的问题。由于我收到错误，不仅我无法设置日期，而且日历也不起作用。

我在这里缺少什么？

Answer 1

Primeng Calendar接受Date对象。因此，您必须将日期字符串转换为JS日期对象。例如：

new Date('17/05/2018');

然后将其分配给您的模型。

Answer 2

对于PrimeNG日历，您需要使用JavaScript Date对象并正确执行实例化。例如new Date('mm/dd/yyyy')（请参阅https://www.w3schools.com/js/js_dates.asp和https://www.w3schools.com/js/js_date_formats.asp）。

<强>模板：

<p-calendar [(ngModel)]="bin.bidinstalledfrom" 
            [showTime]="true"
            dateFormat="dd/mm/yy">
</p-calendar>

组件：

this.bin.bidinstalledfrom = new Date('05/17/2018');

您可以在此处找到有效的演示：https://stackblitz.com/edit/prime-ng-calendar-38du98