Angularmatcalendarheaderarrowevent
创始人
2024-10-28 07:01:33
0

Angular Material Calendar日历组件提供了一个向前和向后箭头的头部,在切换月份时使用。如果需要检测用户单击这些箭头的事件,则需要订阅MatCalendarHeader中的monthSelected事件。

示例代码如下:

HTML模板:


组件代码:

import { Component, ViewChild } from '@angular/core';
import { MatCalendar } from '@angular/material/datepicker';
import { MatCalendarHeader } from '@angular/material/datepicker';

@Component({
  selector: 'app-calendar',
  templateUrl: './calendar.component.html',
  styleUrls: ['./calendar.component.css']
})
export class CalendarComponent {
  @ViewChild(MatCalendar) calendar: MatCalendar;
  @ViewChild(MatCalendarHeader) header: MatCalendarHeader;

  onMonthSelected(date: Date) {
    // handle month selection event
  }

  ngAfterViewInit() {
    this.header.monthSelected.subscribe((date: Date) => this.onMonthSelected(date));
  }
}

相关内容

热门资讯

黑科技美元局!aa扑克辅助(透... 黑科技美元局!aa扑克辅助(透明挂)一贯是真的有挂(有挂长期)-哔哩哔哩;《WPK辅助透视》‌:支持...
黑科技美元局!好运大菠萝有辅助... 黑科技美元局!好运大菠萝有辅助吗(ai辅助)确实有挂(有挂私人房)-哔哩哔哩;《WPK辅助透视》‌:...
黑科技存在!微扑克有挂吗(ai... 黑科技存在!微扑克有挂吗(ai辅助)一直是有挂(有挂私人房)-哔哩哔哩;支持多人共享记分板与复盘,通...
黑科技玄学!wepoke怎么使... 黑科技玄学!wepoke怎么使用模拟器(透视)果然是真的有挂(有挂大厅房)-哔哩哔哩1、很好的工具软...
黑科技透明挂!微扑克线上代打(... 此外,数据分析德州(微扑克线上代打)辅助神器app还具备辅助透视行为开挂功能,通过对客户微扑克线上代...
黑科技玄学!gg扑克有赢的吗(... 黑科技玄学!gg扑克有赢的吗(ai辅助)真是有挂(有挂新版)-哔哩哔哩;《WPK辅助透视》‌:支持手...
辅助黑科技!德扑之星怎么清楚数... 辅助黑科技!德扑之星怎么清楚数据(辅助挂)从来真的有挂(有挂盈利)-哔哩哔哩1、点击下载安装,微扑克...
黑科技安装!gg扑克有辅助吗(... 黑科技安装!gg扑克有辅助吗(辅助挂)真是存在有挂(有挂系统)-哔哩哔哩1、点击下载安装,微扑克wp...
黑科技存在!云扑克确实真的有挂... 1、黑科技存在!云扑克确实真的有挂(ai代打)好像真的是有挂(有挂德州)-哔哩哔哩;详细教程。2、云...
黑科技教程!xpoker透视辅... 黑科技教程!xpoker透视辅助(ai代打)原本真的有挂(有挂猫腻)-哔哩哔哩;玩家必备必赢加哟《1...