javascript - PrimeNG 日历未在模式中反射(reflect)日期

Question

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

<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/2018 16:00'、'17/05/2018'、'1526572848' 等

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

我在这里缺少什么？

Answer 1

Primeng Calendar 接受 Date 对象。所以你必须将你的日期字符串转换为JS日期对象。例如:

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

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