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

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

Вы можете сослаться на предоставленную ссылку
https://material.angular.io/components/datepicker/overview


mat-datepicker
person Priyanka    schedule 08.11.2019    source источник

Ответы (1)


arrow_upward
2
arrow_downward

Вы можете использовать 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])
  }
person Koga    schedule 08.11.2019
comment
Привет, Кога .. Спасибо за твой ответ .. Но вместо того, чтобы указывать даты вручную, мы можем сделать их динамическими ?? - person Priyanka; 08.11.2019
comment
new Date (). getFullYear (), 0, 1), .getFullYear () вернет текущий год. 0 для января (месяц, начиная с 0. Итак, декабрь равен 11). 1 на дату. - person Koga; 08.11.2019
comment
‹Mat-form-field class = example-full-width› ‹input matInput [min] = minDate [max] = maxDate [matDatepicker] = picker placeholder = Выберите дату› ‹mat-datepicker-toggle matSuffix [for] = picker ›‹/Mat-datepicker-toggle›‹ mat-datepicker #picker ›‹/mat-datepicker› ‹/mat-form-field› In ts. файл minDate = новая дата () maxDate = новая дата (новая дата (). getFullYear (), 11, 31) - person Priyanka; 08.11.2019
comment
angular-hzfeq3.stackblitz.io .. Привет, Кога .. Пожалуйста, проверьте эту ссылку .. Знаете ли вы как отключить всплывающее окно года наверху .. потому что вы можете видеть, кроме текущего года, остальные годы все годы отключены .. так что нет смысла показывать все годы - person Priyanka; 08.11.2019
comment
Это может вам помочь. stackoverflow.com/ questions / 53595066 / - person Koga; 08.11.2019