材料Datepicker更改月视图事件

Question

是否有任何方法如何检测该日历已加载新月视图,当使用"黄色按钮"(见屏幕截图)？

Answer 1

您可以使用 Renderer2 监听日历上这些按钮的单击事件。

这篇博文中的代码。

constructor( private renderer: Renderer2g) { }

ngAfterViewInit() {
    let buttons = document.querySelectorAll('mat-calendar .mat-calendar-previous-button,' +
        'mat-calendar .mat-calendar-next-button');

    if (buttons) {
        Array.from(buttons).forEach(button => {
            this.renderer.listen(button, "click", () => {
                console.log("Month changed");
            });
        })
    }
}