Добавить нижний колонтитул в Angular Datepicker материала

Question

Я пытаюсь реализовать кнопку «Сегодня» на Angular материале datepicker, но она должна быть расположена после содержимого.

После прочтения API кажется, что, хотя настроить заголовок datepicker просто, добавив [calendarHeaderComponent]="myComponent", нет никаких вариантов для добавления или настройки нижнего колонтитула.

Сейчас я пытаюсь заставить его работать поверх примера настраиваемого заголовка:

https://stackblitz.com/edit/angular-3xdhb1?file=src / app / datepicker-custom-header-example.ts

Также похоже, что в этом выпуске предлагается аналогичная функция.

Answer 1

В моей работе мы сделали что-то подобное, чтобы добавить таймпикер к datePicker. Вы можете добавить кнопку, используя .appendChild() или .append().

Идея состоит в том, чтобы добавить компонент в средство выбора даты, я хорошо помню. Я недостаточно хорош в angular, чтобы воспроизвести его правильно, но здесь является базовым c воспроизведением концепции stackblitz

Кроме того, я нашел введите описание ссылки здесь , что кажется точным для ваших нужд.

Надеюсь, это поможет!

Answer 2

Я закончил корректировку другого ответа . Я не очень доволен реализацией, но она работает, не будучи слишком сложной. Еще одна функция - правильно выбрать средство выбора даты для добавления кнопок (поскольку их может быть несколько).

Конечный результат будет выглядеть примерно так:

https://stackblitz.com/edit/angular-c9xqse-pnrpgw