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

【问题标题】：How to display Events in Calendar page如何在日历页面中显示事件
【发布时间】：2014-11-20 06:15:11
【问题描述】：

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

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

我的日历页面的js：

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

谁能帮帮我？提前致谢！

【问题讨论】：

标签： symfony fullcalendar

【解决方案1】：

首先你必须将你的事件解析为 fullCalendar 事件对象，遵循event documentation

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

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

var mySourceEvents = [myEvent, myOtherEvent];

最后，您可以在 fullcalendar 配置中将该数组设置为源。

$('#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
        }
    ]
});

【讨论】：