angular-material2 - Material Datepicker 更改月份视图事件

Question

当使用“黄色按钮”（见截图）时，有什么方法可以检测日历是否加载了新的月份视图？

标签： angular-material2

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");
            });
        })
    }
}