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



作为最近出现的完整日历3.5.0,我想在jsfiddle上尝试它。我链接了CDNJS的所有必要外部链接。

但是,

<div id='calendar'>

在我的jsfiddle中的html中不起作用。

我是初学者。我以为日历ID在JS中。

是否有人尝试过完整的日历3.5.0?

日历未显示!

这是JSFiddle的链接:link

感谢您提前的支持!

运行小提琴时,请检查浏览器控制台是否错误。它会告诉您,当FullCalendar试图使用它时,未定义jQuery。这是因为FullCalendar依赖于jQuery,但是您在jQuery库之前加载了FullCalendar库,因此FullCalendar加载时找不到JQuery,因为它还不存在。

您以错误的顺序添加了JS文件,并且您忘记了将MOMMJS包含在内。https://fullcalendar.io/docs/usage/告诉您要包括什么以及将它们放入什么顺序。

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

修复:

1)向MomentJS添加参考

2)根据FullCalendar文档重新排序参考文献。在jsfiddle中 单击外部资源区域,然后将其拖入正确的顺序。

3)您两次加入了全卡伦达。您只需要包括fullCalendar.min.js即可。使用全脂fullCalendar.js的唯一原因是,如果您想调试,否则它只是浪费了带宽,当然永远不要将它们都包含在一起(或两次包含同一件),否则您可能会冒险冲突。

也可以使用CSS检查同一件事 - 您还包括fullcalendar.css和fullcalendar.min.css,这与我上面在JS文件上概述的原因相同。

相关内容

  • 没有找到相关文章

最新更新