JS日程管理插件FullCalendar中文说明文档(3)

以下列出的是当鼠标单击或者滑过日历中的某个元素时,回调的函数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最重要的部分,设置用于日程事件相关信息。

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wwgxwy.html