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

时间:2017-04-10 13:30:33

标签: angular primeng primeng-calendar

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

我认为结合输入和p-calendar可能会起作用:

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

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

我得到的例外:

  

分析器错误:插值({{}}),其中表达式是预期的

以下错误:enter image description here

1 个答案:

答案 0 :(得分:2)

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

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