我正在开发一个web应用程序,使用FullCalendar JQuery插件来显示公司每天员工的缺勤/出勤情况。
我每天都需要显示几种类型(或字段)的信息。例如,我想为每一天显示:标题(例如"John缺席")和百分比(例如"95%协助")。我希望这个百分比以不同的格式出现在每天方框的右下角。
据我所见,描述一个事件的可能字段基本上是这样的:
events: [
{
title: 'John is sick',
start: '2013-11-19',
allDay: true
},
{
title: 'Mike is on vacation',
start: '2013-11-21',
end: '2013-11-26',
allDay: true
}
]
有什么方法可以在FullCalendar日中添加更多字段(如援助门廊)吗?
编辑:多亏了Henrique C的回答,我成功地做到了。只是为了完成更多的答案,我想补充一点,除此之外,按照Henrique在回答中所说的,也有必要做这样的事情:
$('#calendar').fullCalendar({
events: [
{
title: 'My Event',
start: '2010-01-01',
description: 'This is a cool event'
}
// more events here
],
eventRender: function(event, element) {
element.qtip({
content: event.description
});
}
});
非标准字段这是从Fullcalendar网站上获取的。
除了上面的字段外,您还可以在每个事件对象中包含自己的非标准字段。FullCalendar不会修改或删除这些字段。例如,开发人员通常会包含一个描述字段,用于eventRender等回调。
您可以添加任何您想要的字段,fullcalendar不会更改它们。
events: [
{
title: 'John is sick',
start: '2013-11-19',
allDay: true,
description: 'Hurrayyyyyyyyyy',
myotherspecialfield: ':P'
},
{
title: 'Mike is on vacation',
start: '2013-11-21',
end: '2013-11-26',
allDay: true,
description: 'Hurrayyyyyyyyyy'
myotherspecialfield: ':P'
}
]