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

Add more fields/data to a FullCalendar day

本文关键字：字段 数据 FullCalendar 添加      更新时间：2023-09-26

我正在开发一个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'
    }
]
相关文章：