数据之Event Object

优质
小牛编辑
133浏览
2023-12-01

Event Object 是一个 js 对象,存储日程表的日程信息,支持属性有以下这些:

id

string 或者 int 类型,可选

日程的唯一地标识。重复的不同实例都应该有相同的id。

title

string 类型,必选

显示在上的文字

allDay

布尔类型,可选

当发生在某个特定的时段时,此属性决定是否显示日程的时间。当然,在议程周视图和议程天视图中,决定了日程是否显示在”all-day“槽。

当给 events 或者 eventSources 指定 Event Object 的时候,忽略此参数的话,将会自动从 allDayDefault 继承。

start

Date 类型,必选

日程开始的时间。

eventseventSources

end

Date 类型,可选

日程的结束时间。

和 start 一样,你可以指定 IETF格式,ISO8601格式和 UNIX时间戳。如果日程是 “all-day” 的,那么FullCalendar中start为11月10日,end为11月12日的日程,时长是3天(其实就是 “<” 和 “<=” 的问题);如果日程不是例如end是00:00的话,日程是没有跨越到下一天的。

url

string 类型,可选

用户点击日程的时候访问的url,更多控制访问的信息见 eventClick 回调。

className

string 或者 Array 类型,可选

一个css类(或者一组),附加到日程的 DOM 元素上。

editable

布尔类型,可选

重写 editable 选项,注意只针对当前的这个日程,其他日程不受影响。

startEditable

布尔类型,可选

重写 eventStartEditable 选项,注意只针对当前的这个日程,其他日程不受影响。

durationEditable

布尔类型,可选

重写 eventDurationEditable 选项,注意只针对当前的这个日程,其他日程不受影响。

source

Event Source Object,自动附加

日程来源的引用。

color和 eventColor 作用一样,设置日程的背景色和边框。
backgroundColor和 eventBackgroundColor 一样,设置日程的背景色。
borderColor作用一样,设置日程的边框。
textColor作用一样,设置日程的文字颜色。

此外,你可以添加你需要的属性在 Event Object 中,FulCalendar不会识别也不会删除这些自定义属性。

官方英文文档:http://arshaw.com/fullcalendar/docs/event_data/Event_Object/