如何在mat-datepicker中仅显示当前年份

Question

我正在使用角形材质的日期选择器。但是在该日期选择器中，我只想显示当前年份。.知道如何执行该操作吗？

您可以参考提供的链接
https://material.angular.io/components/datepicker/overview

Answer 1

您可以使用matDatepickerFilter过滤日期范围。

<input matInput [matDatepickerFilter]="dateFilter" [matDatepicker]="picker">

您可以在dateFilter方法中过滤所需的日期范围。

  dateRange = [new Date(new Date().getFullYear(), 0, 1),
               new Date(new Date().getFullYear(), 11, 31)]

  dateFilter= (d: Date): boolean => {
    return (d >= this.dateRange[0] && d <= this.dateRange[1])
  }