Question

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

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

未经过测试。

仅允许在PrimeNG日历中选择月份的第一天

1 个答案: