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

Question

我在那个日期选择器中使用 angular material datepicker.But 我只想显示当前年份..知道我该怎么做吗？

可以参考提供的link
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])
  }

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

how to show only current year in mat-datepicker

mat-datepicker