【问题标题】:how to disable future months in p-calendar?如何在 p 日历中禁用未来几个月?
【发布时间】: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选项吗?

标签: angular primeng monthcalendar


【解决方案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);

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2018-12-16
    • 1970-01-01
    • 1970-01-01
    • 2018-06-28
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-12-15
    相关资源
    最近更新 更多