mat-datepicker - 如何在 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])
  }