上記の答えは途中で私をそこに導きましたが、私は少しシンプルで最新のFullCalendar用に更新されていると思うものに行き着きました.
$(document).ready(function() {
var d = new Date();
$('#calendar').fullCalendar({
header: {
left: 'prev,next today',
center: 'title',
right: 'month,agendaWeek,agendaDay'
},
fixedWeekCount: true,
defaultDate: d,
editable: true,
eventLimit: false,
events: function(start, end, timezone, callback) {
var eventsUrl = '/events/' + end.year() + '/' + parseInt(end.month());
$.ajax({
url: eventsUrl,
type: 'GET'
}).done(function(response) {
callback(response);
}).fail(function(response, status, error) {
alert(status + ': ' + error);
});
},
loading: function(isLoading) {
if (isLoading) {
$('#loading').show();
} else {
$('#loading').hide();
}
}
});
});
「/events/」URL には、特定の月のイベントを取得するための年と月 (「/events/2015/2」など) が含まれています。カレンダーが最初に読み込まれると、デフォルトで現在の日付になります。便利なことに、最初の読み込みでカレンダーに渡される end 引数は start と同じであるため、最初の読み込みでも使用でき、前と次のボタンを押すときにも利用できます。クリックされます。
とにかく、これは私にとってはうまくいったので、今日これに取り組んでいるときに見つけた他の例とは少し異なっていたので、共有したいと思いました.