向FullCalendar日添加更多字段/数据



我正在开发一个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'
    }
]

相关内容

  • 没有找到相关文章

最新更新