将事件从json对象插入fullcalendar

时间:2014-05-12 16:03:04

标签: javascript json fullcalendar

大家好我试图利用fullcalendar来显示我从json对象获得的一些假期。

JSON如下所示。

    var holidayObj = [
            {
                "holidayName" : "Boxing Day",
                "holidayStart" : "May, 26 Oct 2014 13:00:00 EST",
                "holidayEnd" : "May, 26 Oct 2014 13:00:00 EST"  
            }
            {
                "holidayName" : "Some other Day",
                "holidayStart" : "May, 23 Oct 2014 13:00:00 EST",
                "holidayEnd" : "May, 23 Oct 2014 13:00:00 EST"  
            }

        ];

在fullcalendar上显示事件的我的JS代码如下。

    $.each(holidayObj, function(i, item) {
        holidayNameText = item.holidayName;
        console.log(holidayNameText); //"Boxing Day"
        holidayStart = item.holidayStart; //May, 26 Oct 2014 13:00:00 EST
        holidayEnd = item.holidayEnd; //May, 26 Oct 2014 13:00:00 EST

        var eventObject = {
                title: holidayNameText,
                start: holidayStart,
                end : holidayEnd,
                allDay:true
            };   
        $('#calendar').fullCalendar('renderEvent', eventObject, true);
        console.log(eventObject.start);
    });

由于某些原因,事件似乎没有在日历上填充。任何人都可以帮我确定原因可能是什么?

谢谢。

1 个答案:

答案 0 :(得分:2)

您缺少逗号来分隔数组元素:

var holidayObj = [{
    "holidayName": "Boxing Day",
        "holidayStart": "May, 26 Oct 2014 13:00:00 EST",
        "holidayEnd": "May, 26 Oct 2014 13:00:00 EST"
}, {
    "holidayName": "Some other Day",
        "holidayStart": "May, 23 Oct 2014 13:00:00 EST",
        "holidayEnd": "May, 23 Oct 2014 13:00:00 EST"
}];

通过修复它,它工作正常(见10月的事件)。

演示:http://jsfiddle.net/IrvinDominin/EGbHt/