Primeng:p-calender 默认日期不起作用 [英] Primeng: p-calender default date not working

问题描述

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

I need to set a default date in datepicker. I tried using defaultDate property of p-calender as given below:

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

Component.ts 代码:

Component.ts code:

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

但是，上面的代码不起作用.请帮忙.

However, the above code is not working. Please help.

推荐答案

//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 是首先显示月-年如果该字段为空，则打开.

According to the issue, defaultDate is to display the month-year on first opening if the field is blank.

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

The defaultDate property is not used to set a specific date and is only applicable if ngModel value is not set. To set the default displayed date, use ngModel instead of defaultDate.

这篇关于Primeng:p-calender 默认日期不起作用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！