javascript - FullCalendar 事件 JSON 提要，响应格式略有不同

Question

我正在使用 FullCalendar，这是我初始化它的方式:

$('#calendar').fullCalendar({
    events: $('#calendar').data('source')
});

问题是响应不是 FullCalendar 期望的格式，因为所有结果集都嵌套在数据下，即

{
    "data":
    [
        {
            "title": "Event1",
            "start": "2011-04-04"
        },
        {
            "title": "Event2",
            "start": "2011-04-04"
        }
    ]
}

有没有一种方法可以提供自定义回调，使其使用结果的数据元素作为事件源？

我试过了

$('#calendar').fullCalendar({
    events: function(start, end, timezone, callback) {
        var url =  $('#calendar').data('source');
        $.get(url, {start: start, end: end, timezone: timezone})
        .done(function( data ) {
            callback(data.data);
        });
    }
}); 

但我得到的只是一个 JS 错误提示

moment.min.js:22Uncaught TypeError: Cannot read property '_calendar' of undefined

Answer 1

我解决了我的问题。该错误并非真正来自 FullCalendar，而是来自 Moment.js 库

$('#calendar').fullCalendar({
    events: function(start, end, timezone, callback) {
        $.ajax({
            url: $('#calendar').data('source'),
            dataType: 'json',
            data: {
                start: start.format("YYYY-MM-DD"),
                end: end.format("YYYY-MM-DD")
            },
            success: function(result) {
                var events = [];
                result.data.forEach(function(element) {
                    events.push({
                        title: element.title,
                        start: element.start 
                    });
                });

                callback(events);
            }
        });
    }
});