对日历对象的引用

Question

我需要引用一个完整的日历对象 - 在初始化后更改内容或选项 - 但我总是收到错误消息。

我首先尝试了javascript初始化，然后是jQuery版本。我尝试过"calendar.refech(("和"calendar.fullcalendar.refetch(("和"$"。(#calendar(("重新获取事件"(">

document.addEventListener('DOMContentLoaded', function() {
var calendarEl = document.getElementById('calendar');
$(function() {
$('#calendar').fullCalendar({
plugins: 
[ 'interaction', 'dayGrid', 'timeGrid' ,'list'],
header: {
left: 'prev,next today',
center: 'title',
right: 'dayGridMonth,timeGridWeek,timeGridDay'
},
locale: 'de',
defaultDate: heute,
{…}
editable: true,
eventLimit: true,
events: 'load.php',
})
});
});
$('#calendar').getOption('locale');

代码中的最后一行生成错误："未捕获的类型错误：$(...(不是函数

Answer 1

如代码中所述，日历已初始化但从未使用过。

基本上，您可以在 eventListener DOMContentLoaded 中初始化主 Calendar 对象，并在该页面中将其用作全局对象，如以下代码所示：

var myCalendar;
document.addEventListener('DOMContentLoaded', function() {
var calendarEl = document.getElementById('calendar');
var myCalendar = new FullCalendar.Calendar(calendarEl, {
plugins: 
[ 'interaction', 'dayGrid', 'timeGrid' ,'list'],
header: {
left: 'prev,next today',
center: 'title',
right: 'dayGridMonth,timeGridWeek,timeGridDay'
},
locale: 'de',
defaultDate: heute,
{…}
editable: true,
eventLimit: true,
events: 'load.php'
});
myCalendar.render();
});

此链接中提供了日历对象的初始化。