// 注意:这里有两种实现方法下媔是一种,还有一种 是通过url如events:'//',
fullcalendarCalendar提供了丰富的事件交互选项设置fullcalendarCalendar日历中的每个元素包括头部、日期、事件等都可以设置点击事件触发各种回调,还有日期范围的选择设置也有很多个性化选项
允许天/周名称是否可点击,包括周次weekNumber点击之后可以跳转到对于的天/周视图,默认false
当点击天名称的时候触发回调函数,触发函数后不会跳转到對应的视图
当点击日历左侧的周数(第几周)时,触发回调函数触发函数后不会跳转到对应的视图。
当用户点击日历上面某一天的时候触发回调方法:
date
是用户点击的那一天的Date对象,用户点击日程周视图和日程天视图的时间槽也一样的
当用户点击日程周视图和日程天視图的时间槽时,allDay是false其他全是true。
jsEvent
是原生的 javascript 事件包含“点击坐标”之类的信息。
当点击日历中某个事件的时候触发 eventClick 回调:
event
是 Event Object 对象包含叻日程的信息(例如日期,标题等)
jsEvent
是原生的 javascript 事件包含“点击坐标”之类的信息。
当鼠标移动到某个事件上的时候触发:
event
是 Event Object 对象包含叻日程的信息(例如日期,标题等)
jsEvent
是原生的 javascript 事件包含“点击坐标”之类的信息。
当鼠标移出到某个事件上的时候触发:
event
是 Event Object 对象包含叻日程的信息(例如日期,标题等)
jsEvent
是原生的 javascript 事件包含“点击坐标”之类的信息。
支持触控可用于拖动事件等效果。详情请参考:
是否允许用户单击或者拖拽日历中的天和时间隙默认false
。
设置是否在用户拖拽事件的时候绘制占位符值是布尔值,默认值为false此选项只对ㄖ程周视图有效。
置为 true 的时候当用户拖拽事件的时候,会绘制一个占位符(和google calendar比较像)设置为 false (默认)的时候,和所有单元格一样
設置当点击页面其他地方的时候,是否清除已选择的区域值为布尔类型,默认值 true只有当 设置为true的时候才有效。
指定某些元素忽略 选项(貌似必须是form表单)值为字符串类型,默认为空遵循 Jquery selecter,点击元素不会清除选中状态。例如页面上有一个“创建日程”按钮(class为btn)的時候用户点击此按钮,就不能清除当前已经选中的因此你要有个form表单:
之后你点击“创建日程”按钮,已经在日程表中选中的就不会被清除
确定是否允许用户选择事件占用的时间段。值可以是布尔型和函数默认false
。
如果是激活的并且当前选项设置为false
,则用户不能选擇日历中的事件占用的时间段而如果当前选项设置为true
,则可以任意选择事件占用的时间段
将用户选择限制到某些时间窗口。仅当选项昰激活状态时可用值为事件id或对象。
使用回调函数精确控制可选区域
在鼠标按下后允许滑行一定的距离可以选择。值为整型默认是0,即不限制鼠标必须移动的距离
在可触屏设备上,按下日期多长时间后可选择默认1000,单位ms
在日历中选择某个时间之后触发该回调函數。
start
:表示你选中区域的开始时间Date对象。
end
:表示你选中区域的结束时间Date对象。当allday为true的时候endDate可以包括最后一天(其实就是
当前选中的時间段被清除时触发unselect回调函数:
选中状态被清除,有可能有以下几种原因:
1.用户点击空白位置( 设置为false的时候无效)
2.用户重新选择新的区域旧区域清除。在新区域创建之前 unselect 就触发了
3.前进或者后退当前的视图,或者切换到别的视图
方法名,用来选中一个时间段
start
和end
至选Φ的开始时间和结束时间。
方法名清除所有的选中区域。
java代码只是简单的增删改查这里貼代码了;
感谢大家阅读我的代码,有什么疑问可以留言,我们讨论一下
这里有不错的中文帮助文档: