只允许在 PrimeNG 日历中选择一个月的第一天

Question

我有使用 PrimeNG calendar component 的 Angular 应用程序。

我需要添加一个限制以仅选择每个月的第一个日期。

该组件具有通过设置disabledDates 属性或一周中的某些天（disabledDays）来禁用某些日期的功能。但我还没有找到任何会禁用该月的日子的东西。

有人知道如何实现吗？

Answer 1

好的。您可以使用disabledDates 功能，但显然将每个月的每一天都放入是不可行的，所以我建议您放入一个月的禁用日期，然后挂钩到onMonthChange 事件当用户查看另一个月份时更新您的禁用日期：

<p-calendar [disabledDates]="invalidDates" (onMonthChange)="updateDisabledDates($event)">

类似的东西：

public disabledDates: Date[] = [];

function updateDisabledDates(event) {
  const daysInMonth = new Date(event.year, event.month, 0).getDate();
  disabledDates = []
  for (let i = 2; i < daysInMonth; i++) {
    console.log(i)
    disabledDates.push(new Date(event.year, event.month, i));
  }
}

没有测试过。