如何在 p 日历中禁用未来几个月？

Posted 2023-03-30

【中文标题】如何在 p 日历中禁用未来几个月？

【英文标题】：how to disable future months in p-calendar?

【发布时间】：2019-02-08 08:40:56

【问题描述】：

我想在 UI 中选择时禁用未来月份并仅显示当前月份，我正在使用 p-calendar。

<p-calendar appendTo="body" class="SharesTblCalendar" name="closeDate" 
            [(ngModel)]="note.closeDate" [monthNavigator]="true" [yearNavigator]="true"
            [yearRange]="yearRange" 
</p-calendar>

这是我正在使用的代码，但无法限制它占用一个月

【问题讨论】：

你在用什么？ PrimeFaces 还是 PrimeNG？

代码在哪里？

我正在使用 primeNG

日历应该显示当前月份和以前的月份（例如：从今天开始它应该只显示一月和二月，三月->十二月应该被禁用）

你试过使用maxDate选项吗？

【参考方案1】：

你可以使用 maxDate 来限制日历

 <p-calendar appendTo="body" class="SharesTblCalendar" name="closeDate" 
            [(ngModel)]="note.closeDate" [monthNavigator]="true" [yearNavigator]="true" 
            [yearRange]="yearRange"  [maxDate]="maxDate"
</p-calendar>


let today = new Date();
let month = today.getMonth();
this.maxDate = new Date();
this.maxDate.setMonth(month);