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

Event Object,事件对象,用来存储一个日历事件信息的标准对象,只有title和start是必须的

属性   描述  
id   可选,事件唯一标识,重复的事件具有相同的id  
title   必须,事件在日历上显示的title  
allDay   可选,true or false,是否是全天事件。  
start   必须,事件的开始时间。  
end   可选,结束时间。  
url   可选,当指定后,事件被点击将打开对应url。  
className   指定事件的样式。  
editable   事件是否可编辑,可编辑是指可以移动, 改变大小等。  
source   指向次event的eventsource对象。  
color   背景和边框颜色。  
backgroundColor   背景颜色。  
borderColor   边框颜色。  
textColor   文本颜色。  

事件源对象

事件源即日历中的数据来源,FullCalendar提供了数组、函数调用、以及JSON数据的形式,当然也可以通过Google Calendar feed获取数据接口。jb51.net后面会有文章专门介绍事件数据的操作,包括数据的查询、写入、更新和删除操作。

以下是Event事件相关的参数属性说明。

属性   描述   默认值  
eventSources   事件源,存储数组对象,可以是Arrays/Functions/URLs。    
allDayDefault   是否为全天日程事件,显示这一天中所做的事情。   true  
ignoreTimezone   是否忽略时区。   true  
startParam   在使用URL方式获取events数据源的时候, 自动插入到URL中的参数, 表示当前需要抓取的日程事件的起始时间。   'start'  
endParam   和startParam参数意义相同, 表示要抓取的日程事件的终止时间。   'end'  
lazyFetching   是否从缓存信息获取event。比如从月视图切换到周视图。   true  
eventDataTransform   callback,将外部数据源转换成Fullcalendar可以处理的数据  
loading   callback,日历开始加载的时候,isLoading参数为true触发一次,日历加载完毕,isLoading参数为false触发一次,用法:
function(isLoading, view)
 
updateEvent   method,更新日历空间中的一个日程事件,如果是重复的日程事件,则都更新。用法:
$('#calendar').fullCalendar( 'updateEvent', event )
 
clientEvents   method,返回FullCalendar已经存储到客户端的CalEvents对象数组, 第二个参数和removeEvents方法的第二个参数意义相同, 只不过在过滤器中, 如果返回true, 则该CalEvent对象将被加入到返回的数组中。  
removeEvents   method,从日历中删除一个日程事件. 第二个参数可以不填, 可以填id, 可以是一个过滤器(一个函数, 接受CalEvent对象作为参数)。用法:
$('#calendar').fullCalendar( 'removeEvents' [, idOrFilter ] )
 
refetchEvents   method,重新抓取所有的日程事件源上的日程事件并渲染它们。  
addEventSource   method,添加一个日程事件源,添加之后, FullCalendar会马上从该源获取日程事件, 并加载到日历中。第二个参数和定义Calendar时候使用的url参数一致。  
removeEventSource   method,移除一个日程事件源,该源上获取得到的日程时间也将被马上从日历中移除。  

事件渲染

属性   描述  
eventColor
eventBackgroundColor
eventBorderColor
eventTextColor
  设置日程事件的背景色和边框色,以及文本颜色。可以使用任意支持css的颜色方式,如 #f00, #ff0000, rgb(255,0,0), or red。  
eventRender   callback,当日程事件渲染时触发,用法:
function(calEvent, element, view)
 
eventAfterRender   callback,当日程事件被渲染后触发,用法:
function( event, element, view ) { }
 
eventDestroy   callback,当日程事件移出时触发,用法:
function( event, element, view ) { }
 
renderEvent   method,一旦日历重新取得日程源,则原有日程将消失,当指定stick为true时,日程将永久的保存到日历上。  
rerenderEvents   method,重新渲染所有事件。  

日程事件拖动和缩放

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

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