PrimeNG v16中如何禁用p-calendar非指定月份（仅保留1月）

完全可以实现这个需求，你需要用到PrimeNG p-calendar的disabledDate回调属性——这个属性允许你自定义任意日期的禁用逻辑，比disableDates（针对固定日期集合）更适合你的场景。

具体实现步骤： #

1. 模板中绑定disabledDate属性
   在p-calendar标签里添加[disabledDate]，指向你定义的禁用逻辑函数：

   <p-calendar 
     [(ngModel)]="selectedDate"
     [disabledDate]="disableNonJanuaryDates"
     dateFormat="mm/dd/yy"
   ></p-calendar>
   

2. 组件类中编写禁用逻辑函数
   在你的Angular组件类里定义disableNonJanuaryDates函数，判断当前日期的月份是否为1月（注意JavaScript的月份是从0开始计数，1月对应0），如果不是则返回true（表示禁用该日期）：

   import { Component } from '@angular/core';
   
   @Component({
     selector: 'app-calendar-example',
     templateUrl: './calendar-example.component.html'
   })
   export class CalendarExampleComponent {
     selectedDate: Date | undefined;
   
     disableNonJanuaryDates(date: Date): boolean {
       // 仅允许1月（月份索引0）的日期，其他月份全部禁用
       return date.getMonth() !== 0;
     }
   }
   

逻辑说明： #

• 这个回调函数会遍历日历中的每一个日期，对每个日期执行判断逻辑
• 返回true时该日期会被禁用（灰显且无法点击），返回false则允许选择
• 该逻辑对所有年份生效，只要是1月的日期都能正常选择，其他月份的日期全部被禁用

内容的提问来源于stack exchange，提问作者Rashad