JSFiddle中的完整日历3.5.0不起作用

Question

最近出现Full Calendar 3.5.0时，我想试试JSFiddle。 我链接了CDNJS所有必要的外部链接。

然而，

<div id='calendar'> 

其中在我的jsfiddle不起作用HTML

。

我是初学者。我认为CALENDAR ID在JS中。

有没有人试过完整的日历3.5.0？

日历未显示！

这是链接到的jsfiddle：Link

感谢您的支持提前！

Answer 1

运行小提琴时，请检查浏览器控制台是否有错误。它会告诉你，当fullCalendar试图使用它时，jQuery没有被定义。这是因为fullCalendar依赖于jQuery，但是您在jQuery库之前加载了fullCalendar库，所以fullCalendar在加载时找不到jQuery，因为它尚不存在。

您以错误的顺序添加了JS文件，而您完全忘记了包含momentJS。 https://fullcalendar.io/docs/usage/告诉你应该包含什么以及将它们放入什么命令。

jQuery和Moment必须在FullCalendar的JavaScript之前加载。

要解决：

1）添加一个参考momentJS

2）重新排序的参考文献中具体根据fullCalendar文档。在JSFiddle中，您只需 单击外部资源区域，然后将它们拖到正确的顺序。

3）您包含fullCalendar两次。您只需要包含fullCalendar.min.js。使用full-fat fullCalendar.js的唯一原因是如果你想调试它，否则它只会浪费带宽，当然不应该把它们包括在一起（或者包含两次相同的），否则你会冒着冲突的风险。

用CSS检查同样的事情 - 你还包括fullCalendar.css和fullCalendar.min.css，这与我上面用JS文件概述的相同原因没有意义。