将事件从json对象插入到fullcalendar

Inserting events from json object to fullcalendar

本文关键字：插入 fullcalendar 对象 json 事件      更新时间：2023-09-26

大家好，我正试图利用完整日历来显示我从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);
    });

由于某些原因，事件似乎没有在日历上填充。有人能帮我找出可能的原因吗?

谢谢。

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

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/

相关文章：