Question

我需要在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">

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

Answer 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。

Answer 2

试试这个

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

Answer 3

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

所以，在你的情况下，这样的事情应该有效：

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

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

3 个答案: