Javascript 如何使用脚本标记正确设置FullCalendar？

使用高级插件实例化FullCalendar总是在第一次呈现日历后导致错误。是的，我在StackOverflow上看到过类似的问题，但它们已经过时了，因为它们处理的是一个旧版本，其中包括Scheduler.js（现在每个组件插件都是独立的），而jQuery是一个依赖项（现在不是）

（注意：我知道这听起来像是一个非常蹩脚的新手问题，但相信我，事实并非如此。我花了好几天的时间试图做一些应该非常基本的事情——只是实例化日历并用它做一些事情。很明显，插件和核心日历之间存在一些冲突，这可能可以通过特定的顺序解决。）脚本等，我根本无法理解）

这是我的小提琴：

var检验；
var eventToAdd；
var calendarEl；
var日历；
$（文档）.ready（函数（）{
calendarEl=document.getElementById（'calendar'）；
日历=新的完整日历。日历（calendarEl{
插件：['timeline'，'dayGrid'，'timeGrid'，'interaction']，
现在：“2020-04-01”，
是的，
方面：1.8，
滚动时间：“00:00”，
标题：{
左：“今天上一个，下一个”，
中心：'标题'，
右图：“timelineDay、timeGridWeek、dayGridMonth”
},
defaultView:“timeGridWeek”，
minTime：“08:00”，
maxTime:“22:00”，
displayEventEnd:true，
是的，
选择：功能（信息）{
var newEvent=新对象（）；
newEvent.title=“新事件！”；
newEvent.start=时刻（info.start）.format（）；
newEvent.allDay=false；
eventToAdd=新事件；
calendarEl.fullCalendar（'renderEvent'，eventToAdd）；//未定义calendarEl.fullCalendar，因此此抛出calendarEl.fullCalendar不是函数
}
});
//在上述代码之后调用calendarEl.fullCalendar对其进行实例化，会抛出一个错误，即calendarEl.fullCalendar不是函数
var newEvent=新对象（）；
newEvent.title=“新事件！”；
newEvent.start=时刻（时刻（新日期（））.format（））.format（）；
newEvent.allDay=false；
eventToAdd=新事件；
//calendarEl.fullCalendar（'renderEvent'，eventToAdd）；//在上述代码之后调用calendarEl.fullCalendar对其进行实例化，会抛出一个错误，表明calendarEl.fullCalendar不是函数
calendar.render（）；
});
身体{
保证金：0；
填充：0；
字体系列：Arial、Helvetica Neue、Helvetica、无衬线字体；
字体大小：14px；
}
p{
文本对齐：居中；
}
#历法{
最大宽度：900px；
保证金：50px自动；
}
.fc资源区td{
光标：指针；
}

设置没有问题。还有许多其他问题也有相同的错误

日历。fullCalendar不是一个函数

，在其中一个问题中，公认的答案提到了他们的问题（在他们的日历版本中）插件和核心日历之间存在冲突，因此我认为更改脚本加载顺序可以解决问题

新版本的库中不再有fullCalendar方法。添加事件的正确方法实际上是

calendar.addEvent

---

请参阅上的文档，了解您正在做的任何事情。他们提供了库的不同版本的文档，因此您不会像我一样混合使用不同版本的示例。

将代码中的注释移到问题的主体可能会很有用-您遇到的问题并不十分明显。这就是问题所在助手，如果您试图添加事件，您可能需要检查源代码-我想您是在尝试使用jQuery版本的FullCalendar。@TiesonT。您是一个了不起的天才！我确实混合了来自不同版本的示例。您是否可以将您的评论作为一个答案发布，以便我可以关闭它？您可以自行回答您的问题ion，这可能在这里最有意义；显示出一个错误的片段，然后是什么修复了它。否则，可能是在我有机会发布有用的答案之前。顺便说一句，每当我在网页上看到

时刻
库时，我的心跳开始越来越快->谢谢，@balexandre！这非常有用