如何禁用角度P日历中的过去日期?

时间:2018-07-07 18:25:43

标签: html angular html5 bootstrap-4

我正在使用p-calendar

我希望所有过去的日期都被禁用

这是我所拥有的:

 <p-calendar formControlName="date" [inline]="true" tabindex="0" [disabledDates]="invalidDates" [disabledDays]="[0,6]"></p-calendar>

这不起作用,我需要更改以获得我想要的结果吗?

1 个答案:

答案 0 :(得分:2)

日历具有minDate输入。只需将其设置为当前日期,这样就不能低于今天。

在代码中:

minimumDate = new Date();

在模板中:

<p-calendar formControlName="date" [inline]="true" [minDate]="minimumDate" tabindex="0" [disabledDates]="invalidDates" [disabledDays]="[0,6]"></p-calendar>