angular - 使用 PrimeNG 日历在数据库中输入数据

Question

我正在尝试用 PrimeNG 日历替换文本框，但保留它的功能，存储将保存在数据库中的值。

我认为这可能类似于组合输入并且p-calendar会起作用：

<p-calendar #CreateDate [(ngModel)]="CreateDates" [value]="{{CreateDates}}" [showIcon]="true" dateFormat="dd.mm.yy"></p-calendar>

但这显然不起作用并导致很多错误。

我得到的例外：

解析器错误：在预期表达式的位置得到插值 ({{}})

除了以下错误：

Answer 1

使用 Angular2 指令时，您不必使用插值语法来访问值。此外，因为您是双向绑定到变量 CreateDates，只要日期有效，它就会自动将该值添加到您的日历中。确保中的值CreateDates是有效日期并执行此操作

<p-calendar #CreateDate [(ngModel)]="CreateDates" 
[showIcon]="true" dateFormat="dd.mm.yy"></p-calendar>