как показать только текущий год в mat-datepicker

Question

Я использую угловой материал datepicker. Но в этом DatePicker я хочу показать только текущий год ... Любая идея, как мне это сделать?

Вы можете сослаться на предоставленную ссылку
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])
  }