无法在primeng日期选择器中查看ngModel值

时间:2018-01-19 09:34:49

标签: angular typescript primeng

我使用主要日期选择器只显示时间,我使用ngModel来显示来自服务器的值。

但是这不起作用,加载我的页面时,不会显示ngModel中的值。

看看我到目前为止编写的代码:

<p-calendar [(ngModel)]="test" timeOnly="true" (onInput)="startTime(i)" (onSelect)="startTime(i)"></p-calendar>

TS档案:

check = "10:00";

1 个答案:

答案 0 :(得分:0)

test属性应为Date,而不是代码中的字符串。

来自PrimeNG doc:

  

使用引用Date属性的标准ngModel指令定义双向值绑定。

尝试使用这段代码:

test: Date;

constructor() {
  this.test = new Date();
  this.test.setHours(10,0); // 10 hours and 0 minute
}

见工作Plunker