如何在“日历”页面中显示事件

Question

我在symfony2.5框架中工作。在我的应用程序中，我有一个使用完整日历.js jquery插件实现的日历页面。（http://fullcalendar.io/）。我有一个事件表，其中包含员工事件记录。

如何在日历页面中显示这些事件。

我的日历页面的 JS：

$( '.calendar' ).fullCalendar({
        header: {
            left: 'prev,next,today',
            center: 'title,',
            right: 'month,agendaWeek,agendaDay'
        }
});

谁能帮我？提前感谢！

Answer 1

首先，您必须将事件解析为 fullCalendar 事件对象，遵循事件文档

var myEvent = {id: 1, title: 'myTitle', start: moment(...)}

然后，您应该将这些事件添加到数组、函数、json...

var mySourceEvents = [myEvent, myOtherEvent];

最后，您可以在完整日历配置中将该数组设置为源。

$('#calendar').fullCalendar({
    eventSources: [
        mySourceEvents
    ]
});

或。。。您可以直接将事件添加为数组：

$('#calendar').fullCalendar({
    events: [
        {
            title  : 'event1',
            start  : '2010-01-01'
        },
        {
            title  : 'event2',
            start  : '2010-01-05',
            end    : '2010-01-07'
        },
        {
            title  : 'event3',
            start  : '2010-01-09T12:30:00',
            allDay : false // will make the time show
        }
    ]
});