近期在做一个网站建设项目时需要用到日期插件,最终选择了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 events日程数据源的start和end 分别对应开始日期和结束日期,如果开始日期和结束日期是同一天的那么在@eventClick回调参数中end是默认为null的
地址:绵阳市临园路东段78号B座13层
电话:0816-6339181
邮箱:kf@kf51.cn
微信公众号:
Copyright © 绵阳动力网站建设 www.kf51.cn All Rights Reserved 蜀ICP备08100083号