Angular matDatepickerFilter破坏mat datepicker

我需要在

mat datepicker

中禁用一些月和天，但当我试图设置

[matDatepickerFilter]

时，它会完全破坏我的

mat datepicker

（见下文）

HTML:

<mat-form-field>
  <mat-label>Reporting period</mat-label>
  <input matInput [matDatepicker]="periodDp" [matDatepickerFilter]="dateFilter" [(ngModel)]="filter.period">
  <mat-datepicker-toggle matSuffix [for]="periodDp"></mat-datepicker-toggle>
  <mat-datepicker #periodDp></mat-datepicker>
</mat-form-field>

dateFilter = (date: Date) => date.getMonth() % 2 === 1 && date.getDate() % 2 === 0;

---

怎么了？我对

[dateClass]

属性也有同样的情况，如果没有过滤器，所有的工作都会很好。

您应该返回一个布尔值，如

     myFilter = (date: Date): boolean => {
  return date.getMonth() % 2 === 1 && date.getDate() % 2 === 0;
  }

这是一个工作演示

---

您在浏览器控制台中看到的错误是什么？