绵阳动力网站建设

fullcalendar上一月(年)下一月(年)回调函数的处理方法

时间:2022-03-14

近期在做一个网站建设项目时需要用到日期插件,最终选择了fullcalendar插件,版本是v5.9.0,但在使用时发现fullcalendar next ,prev等切换月份的按钮是没有回调函数,要想由回调函数必须用customButtons(自定义按钮,官方文档),它能提供回调函数,然后再回调函数里通过调用this.$refs.calendar.$options.calendar.next();或calendar.next();去切换月份。

示例 核心代码 fullcalendar设置及渲染

var nowDate = new Date();var nowDateStr = nowDate.Format("yyyy-MM-dd");var option = {  initialDate: nowDate

点击事件定义

// 日期点击事件function dateClick(info){  console.log(info);}// 上一年点击function prevYearCustomClick(){

最终实现的效果如下:

fullcalendar上一月(年)下一月(年)回调函数的处理方法

注意事项:fullcalendar events日程数据源的start和end 分别对应开始日期和结束日期,如果开始日期和结束日期是同一天的那么在@eventClick回调参数中end是默认为null的

fullcalendar上一月(年)下一月(年)回调函数的处理方法-注意事项

Copyright © 绵阳动力网站建设 www.kf51.cn All Rights Reserved 蜀ICP备08100083号

客服微信
客服微信
0816-6339181
客服微信
my_dongli