Question

我使用日历输入如下。

<p-calendar  maxDate="dateTime" showTime="true" hourFormat="12" showButtonBar="true" [(ngModel)]="dateTime" name="timeOfUse" required #timeOfUse="ngModel">
          </p-calendar>

我想在此datepicker中禁用将来的日期。这可能是一个简单的财产，但我无法弄清楚。感谢任何帮助

Answer 1

你不是到目前为止！只需将方括号添加到maxDate即可，它将起作用：

<p-calendar  [maxDate]="dateTime" showTime="true" hourFormat="12" showButtonBar="true" [(ngModel)]="dateTime" name="timeOfUse" required #timeOfUse="ngModel">
</p-calendar>

如果您想在今天之后3天禁用日期，例如：

export class AppComponent {

   dateTime = new Date();

   constructor() {
     this.dateTime.setDate(this.dateTime.getDate() + 3);    
   }


}

Answer 2

在网络上发现此信息可能会对您有所帮助，请阅读主题停用特定日期和/或日期

日期限制

[maxDate]="maxDateValue"

https://www.primefaces.org/primeng/#/calendar

参考

https://forum.primefaces.org/viewtopic.php?f=35&t=49578

如何禁用角度日历中的未来日期？

2 个答案: