如何将json文件加载到外部事件对象到jquery中的完整日历事件

时间:2014-12-02 11:25:52

标签: javascript jquery ajax json

html文件,我可以使用$ ajax方法解析json文件,但是当我尝试从这个.json文件构建外部事件时,它不会在日历上显示事件,即使我没有收到任何错误,请帮助我。

$('#calendar').fullCalendar({
    header: h,
    defaultView: 'month',
    slotMinutes: 15,
    editable: true,
    droppable: true,
    drop: function (date, allDay) {
        var originalEventObject = $(this).data('eventObject');
        var copiedEventObject = $.extend({}, originalEventObject);
        copiedEventObject.start = date;
        copiedEventObject.allDay = allDay;
        copiedEventObject.className = $(this).attr("data-class");
        $('#calendar').fullCalendar('renderEvent', copiedEventObject, true);
        if ($('#drop-remove').is(':checked')) {
            $(this).remove();
        }
    },
    events: [function () {
        for (i = 0; i < even.length; i++) {
            {
                title: (even[i].title);
                start: (even[i].start);
                backgroundColor: (even[i].backgroundColor);
                allDay: (even[i].allDay);
            }
        }
    }]
});

我可以向代码插入一些静态事件,但是我没有获得动态事件的代码

events: [
                    {
                        title: 'test 1',
                        start: new Date(y, m, 28),
                        backgroundColor: Metronic.getBrandColor('red'),
                        allDay: false
                    },
                    {
                        title: 'test 2',
                        start: new Date(y, m, d + 1, 19, 0),
                        backgroundColor: Metronic.getBrandColor('red'),
                        allDay: false
                    },
                    {
                        title: 'test 3',
                        start: new Date(y, m, 1),
                        backgroundColor: Metronic.getBrandColor('red'),
                        allDay: false
                    }
]
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<h1> My json file is </h1>
[
    {
        "title": "Event",
        "start": "new Date(y, m, 28)",
        "backgroundColor": "Metronic.getBrandColor('yellow')",
        "allDay": false
    },
    {
        "title": " Event for the day ",
        "start": "new Date(y, m, 15)",
        "backgroundColor": "Metronic.getBrandColor('yellow')",
        "allDay": false
    },
    {
        "title": "event for android",
        "start": "new Date(y, m, 20)",
        "backgroundColor": "Metronic.getBrandColor('red')",
        "allDay": false
    }
]

0 个答案:

没有答案