如何在fullcalendar的week里面添加事件

如何在fullcalendar的week里面添加事件,第1张

鼠标单击和滑过

以下列出的是当鼠标单击或者滑过日历中的某个元素时,回调的函数callback。

属性

描述

dayClick

当单击日历中的某一天时,触发callback,用法

$('#calendar').fullCalendar({

dayClick: function(date, allDay, jsEvent, view) {

do something...

}

})

date是点击的day的时间(如果在agenda view,

还包含时间),在月view下点击一天时,allDay是true,在agenda模式下,点击all-day的窄条时,allDay是true,点击其

他的agenda view下的day则为false,jsEvent就是一个普通的javascript事件,包含的是click事件的基础信息。

eventClick

当点击日历中的某一日程(事件)时,触发此 *** 作,用法:

$('#calendar').fullCalendar({

dayClick: function(event, jsEvent, view) {

do something...

}

})

event是日程(事件)对象,jsEvent是个javascript事件,view是当前视图对象。

eventMouseover 鼠标划过事件,用法和参数同上

eventMouseout 鼠标离开事件,用法和参数同上

var calendar = $('#calendar')删除全部: calendar.fullCalendar('removeEvents')添加多个: calendar.fullCalendar('renderEvents', events, true)events是: [{ "title": "All Day Event", "start": "2018-03-01" }, { "title": "Long Event", "start": "2018-03-07", "end": "2018-03-10" } ]

其实这个CalEvent是加载来的···

每个日期相当于一个“事件”,这个“事件”就会对应一些“标题”、“起始时间”啦

这样的属性。

所以你在点击的时候就会通过这个CalEvent对象得到相关信息。

说的再简单点,它就好比 Button的click事件当中的 $(this)


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11414804.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-15
下一篇 2023-05-15

发表评论

登录后才能评论

评论列表(0条)

保存