angular - 使用 Angular mwl-calendar-month-view 禁用 future 几天

Question

是否可以在 Mat-Calendar 上禁用某一天？我们的项目允许员工在实际和过去的日子里设置时间条目，但他或她不能在未来的日子里这样做......

像这样...今天是27号，明天28号他就打不开了

编辑:抱歉，我正在检查代码，这不是 mat-calendar...它是 mwl-calendar-month-view

Answer 1

在组件中添加过滤日期的函数。此函数返回 true 以启用日期，返回 false 以禁用日期。

filterDates = (date: Date): boolean => {
  let today = new Date();
  return date < today;
}

并将其绑定(bind)到您的mat-calendar:

<mat-calendar ... [dateFilter]="filterDates"></mat-calendar>