我正在使用fullcalendar在我的Web应用程序中呈现事件。我使用以下方法从服务器获取事件的json提要
events: {
url: '/api/availability/events',
error: function () {
//alert("some error fetching events");
}
}
完整日历会返回事件并使其呈现正常,这里是日历中这些事件的视图。
要求是在服务器未返回任何事件的每一天显示默认事件。就像,我想在标题为Available for All meals
的每个空单元格上显示事件。
并且要求是这应该在客户端完成,服务器不应该知道有关默认事件的任何信息。所以我的问题是如何在从服务器返回事件数组后更改事件数组,并为每个空白日添加默认事件(空白日=没有事件的日期)。
我最终使用fullcalendar documentation中的以下方法
$('#calendar').fullCalendar({
events: function(start, end, timezone, callback) {
$.ajax({
url: 'myxmlfeed.php',
dataType: 'xml',
data: {
// our hypothetical feed requires UNIX timestamps
start: start.unix(),
end: end.unix()
},
success: function(doc) {
var events = [];
$(doc).find('event').each(function() {
events.push({
title: $(this).attr('title'),
start: $(this).attr('start') // will be parsed
});
});
//append custom events here
callback(events);
}
});
}
});