如何禁用角度 p 日历中的过去日期？

Posted 2023-03-05

【中文标题】如何禁用角度 p 日历中的过去日期？

【英文标题】：How can I disable past dates in angular p-calendar?

【发布时间】：2018-12-15 23:28:43

【问题描述】：

我正在使用p-calendar

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

这是我所拥有的：

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

这不起作用，我需要更改什么才能获得我想要的结果？

【问题讨论】：

将minDate 输入设置为当天

你能把它作为答案，以便我可以接受它是否有效？好多了？

@Kaczkapojebana。通过查看您个人资料中的问题 您一直在问这个问题（关于日期），但您已经改写了 3 到 4 次。也许您需要让您的问题更具体，以便其他人可以帮助您。

是的，但现在有人帮助了我想要的工作

【参考方案1】：

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

在代码中：

minimumDate = new Date();

在模板中：

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

【讨论】：

如果存在日期编辑，将日期编辑为过去的日期，允许选择过去的日期。