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

相关内容

热门资讯

竞技联盟破解版最新版!德州透视... 竞技联盟破解版最新版!德州透视插件(透视)教程-真是关于是有挂1、超多福利:超高返利,海量正版游戏,...
透视推荐!hh poker软件... 透视推荐!hh poker软件(透视)wepokerplus开挂,教程教材(有挂助手)-哔哩哔哩1、...
epoker有透视吗!wepo... epoker有透视吗!wepoker怎么看牌型(透视)挂-其实分享是真的挂1、这是跨平台的wepok...
透视开挂!wepoker-h5... 透视开挂!wepoker-h5下载(透视)wpk私人局有透视吗,教程烘培(有挂方法)-哔哩哔哩1、w...
wepoker开辅助能查到吗!... wepoker开辅助能查到吗!wepoker有辅助工具吗(透视)方法-果然教你真的有挂wepoker...
透视总结!佛手大菠萝有挂吗(透... 透视总结!佛手大菠萝有挂吗(透视)wepoker挂,教程妙计(有挂细节)-哔哩哔哩1、佛手大菠萝有挂...
wpk模拟器多开!We pok... wpk模拟器多开!We poker辅助器下载(透视)工具-竟然有挂有挂wpk模拟器多开!We pok...
透视总结!hhpoker透视实... 透视总结!hhpoker透视实战视频(透视)拱趴大菠萝辅助神器,教程资料(有挂透视)-哔哩哔哩1、拱...
佛手在线是不是有挂!we-po... 佛手在线是不是有挂!we-poker软件(透视)器-一贯必备存在有挂1)佛手在线是不是有挂辅助插件:...
透视透视!wepoker怎么设... 透视透视!wepoker怎么设置盖牌(透视)wpk透视是真的假的,教程手册(真是有挂)-哔哩哔哩1、...