angular - 只允许在 PrimeNG 日历中选择月份的第一天

Question

我有使用PrimeNG 日历组件的角度应用程序。

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

该组件具有通过设置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));
  }
}

没有测试它。