PrimeNG p-calendar - disableDate格式

时间:2018-05-07 13:57:02

标签: angular typescript primeng primeng-calendar

我想禁用primeNG日历中的日期。

<p-calendar [(ngModel)]="dateValue" dateFormat="dd.mm.yy" [disabledDates]="[here are the dates]"></p-calendar>

例如,我想禁用日历,除了今天和明天。

1 个答案:

答案 0 :(得分:0)

您应该使用disabledDatesminDate,而不是使用maxDate

<强> HTML

<p-calendar [(ngModel)]="dateValue" [minDate]="minDateValue" [maxDate]="maxDateValue" readonlyInput="true"></p-calendar>

<强> TS

this.minDateValue = new Date();
this.maxDateValue = new Date(new Date().getTime() + 24 * 60 * 60 * 1000);

请参阅StackBlitz