html - 将页脚添加到 Angular Material Datepicker

Question

我正在尝试在 Angular Material 日期选择器上实现一个“今天”按钮，但它必须位于内容之后。

阅读API后，似乎可以直接通过添加自定义日期选择器的标题[calendarHeaderComponent]="myComponent"，但没有添加或自定义页脚的选项。

我目前正在尝试使其在自定义标头示例之上工作：

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

此外，似乎在这个问题中，提出了类似的功能。

标签： htmlangulartypescriptangular-material

Answer 1

我最终调整了另一个答案。我对实现不太满意，但它的工作原理并不太复杂。另一个功能是正确选择日期选择器以将按钮附加到（因为可能有多个）。

最终结果将类似于：

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