以下列出的是当鼠标单击或者滑过日历中的某个元素时,回调的函数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 鼠标划过和离开的事件,用法和参数同上
选择操作
属性 描述 默认值selectable 是否允许用户通过单击或拖动选择日历中的对象,包括天和时间。 false
selectHelper 当点击或拖动选择时间时,显示默认加载的提示信息,该属性只在周/天视图里可用。 false
unselectAuto 当点击页面日历以外的位置时,是否自动取消当前的选中状态。 true
unselectCancel 指定哪些元素不会清空当前的选中,以JQUERY选择器的方式指定 '#someId'。 ''
select callback,被选中的函数回调,使用方法:
function( startDate, endDate, allDay, jsEvent, view )
startDate:被选中区域的开始时间
endDate:被选中区域的结束时间
allDay:是否为全天事件
startDate:jascript对象
startDate:当前视图对象
unselect callback,选中被取消时的回调,使用方法:
function( view, jsEvent )
select method,选中某个时间,使用方法:
$('#calendar').fullCalendar( 'select', startDate, endDate, allDay )
unselect method,取消选中,使用方法:
$('#calendar').fullCalendar( 'unselect' )
日程事件数据
FullCalendar最重要的部分,设置用于日程事件相关信息。