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

时间:2013-11-19 11:49:28

标签: javascript jquery fullcalendar

我正在使用FullCalendar JQuery插件开发一个Web应用程序,以显示每天在公司中缺席/出现的工作人员。

我需要在每天显示几种类型(或字段)的信息。例如,我想每天显示:标题(例如“约翰缺席”)和百分比(例如,“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
    });
}

});

1 个答案:

答案 0 :(得分:5)

Non-standard Fields这是从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'
    }
]