Javascript FullCalendar v4-FullCalendar不是一个函数

Javascript FullCalendar v4-FullCalendar不是一个函数,javascript,jquery,fullcalendar,fullcalendar-4,Javascript,Jquery,Fullcalendar,Fullcalendar 4,我正在使用FullCalendar 4.3.1。日历显示正确,但无法动态添加事件。我得到了这个错误: 使用JQuery时: TypeError:$(…)。fullCalendar不是函数 我在没有JQuery的情况下尝试了它,但仍然不起作用: TypeError:document.getElementById(…).fullCalendar不是函数 我有这一页: document.addEventListener('DOMContentLoaded',函数(){ var calendarEl

我正在使用FullCalendar 4.3.1。日历显示正确,但无法动态添加事件。我得到了这个错误: 使用JQuery时:

TypeError:$(…)。fullCalendar不是函数

我在没有JQuery的情况下尝试了它,但仍然不起作用:

TypeError:document.getElementById(…).fullCalendar不是函数

我有这一页:


document.addEventListener('DOMContentLoaded',函数(){
var calendarEl=document.getElementById('calendar');
var calendar=新的完整日历。日历(calendarEl{
插件:['moment','interaction','dayGrid','timeGrid','list'],
标题:{
左:“上一个,下一个今天”,
中心:'标题',
右图:“dayGridMonth、timeGridWeek、timeGridDay”
},
地区:'sk'
});
calendar.render();
});
函数addEventToCalendar()
{
$(“#日历”).fullCalendar('renderEvent'{
标题:“动态事件”,
开始:新日期(),
全天:没错
});
//不太管用
/*
document.getElementById('calendar').fullCalendar('renderEvent'{
标题:“动态事件”,
开始:新日期(),
全天:没错
});
*/
}
添加事件

我认为您没有正确访问日历对象


动态添加事件-演示|完整日历
html,正文{
保证金:0;
填充:0;
字体系列:Arial、Helvetica Neue、Helvetica、无衬线字体;
字体大小:14px;
}
#历法{
最大宽度:900px;
利润率:40px自动;
}
document.addEventListener('DOMContentLoaded',function(){
var calendarEl=document.getElementById('calendar');
var calendar=新的完整日历。日历(calendarEl{
插件:['dayGrid'],
defaultView:'dayGridMonth',
标题:{
中间:“addEventButton”
},
自定义按钮:{
新增按钮:{
文本:“添加事件…”,
单击:函数(){
var dateStr=prompt('输入YYYY-MM-DD格式的日期');
var date=新日期(dateStr+'T00:00:00');//将使用本地时间
如果(!isNaN(date.valueOf()){//有效?
日历.addEvent({
标题:“动态事件”,
开始日期:,
全天:没错
});
警报('很好。现在,更新您的数据库…');
}否则{
警报(“无效日期”);
}
}
}
}
});
calendar.render();
});

是,但我不想要自定义日历按钮。我希望我自己的按钮位于不同的位置,单击后我希望使用AJAX获取数据。此按钮将位于日历之外,有可能吗?@Miro只要您正确设置日历变量的范围,就可以在其他函数中随意调用它。要添加新事件,只需执行calendar.addEvent(event[,source]);根据您当前创建“calendar”变量的方式无法在其他函数中访问它。FullCalendar不再包含jQuery插件,并且从2018年起不再包含该插件。您可能希望查看wiki: