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。使用全脂fullCalendar.js的唯一原因是如果你想调试它，否则它只是浪费带宽，当然不应该将它们放在一起（或包括相同的两次），否则你冒着冲突的风险

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