Primeng:p-calender默认日期不起作用

时间:2017-10-25 12:21:59

标签: angular typescript primeng

我需要在datepicker中设置默认日期。我尝试使用p-calender的defaultDate属性,如下所示:

tiledesciptor.job.city

Component.ts代码:

<p-calendar placeholder="mm/dd/yyyy"
name="deadline" 
required 
[(ngModel)]="deadline" 
#deadline="ngModel" 
[showIcon]="true" 
showTime="showTime" 
hourFormat="12"
[defaultDate]="defaultDate">

但是,上面的代码无效。请帮忙。

3 个答案:

答案 0 :(得分:1)

//deadline: Date = new Date(0);
deadline: Date;
defaultDate: Date = new Date("January 31 1980 12:30");

ngOnInit() {
   //if (this.deadline == undefined)
   //    this.deadline = new Date("June 30 1966 12:30");
}

根据issue,如果字段为空,则defaultDate将在首次打开时显示月 - 年。

defaultDate属性不用于设置特定日期,仅在未设置ngModel值时才适用。要设置默认显示日期,请使用ngModel而不是defaultDate。

答案 1 :(得分:0)

试试这个

public deadline: Date;
ngOnInit() {
    this.deadline.setDate((new Date()).getDate() - 5);
}

答案 2 :(得分:0)

您必须使用ngModel绑定默认日期,如下所述:Open Link

所以,在你的情况下,这样的事情应该有效:

<p-calendar placeholder="mm/dd/yyyy"
name="deadline" 
required 
[(ngModel)]="deadline" 
#deadline="ngModel" 
[showIcon]="true" 
showTime="showTime" 
hourFormat="12"
[(ngModel)]="defaultDate">