Fullcalendar 未显示完整日历用户界面_Fullcalendar

Fullcalendar 未显示完整日历用户界面

fullcalendar

Fullcalendar 未显示完整日历用户界面,fullcalendar,Fullcalendar,我相信我所有的代码都是正确的，因为Dreamweaver没有显示语法错误，但是完整的日历UI既没有显示在Dreamweaver的预览窗格中，也没有显示div，或者显示在Mozilla Firefox中 <!doctype html> <html> <head><link rel="stylesheet" href="fullcalendar/fullcalendar.css"/> <script src="fullcalendar/f

我相信我所有的代码都是正确的，因为Dreamweaver没有显示语法错误，但是完整的日历UI既没有显示在Dreamweaver的预览窗格中，也没有显示div，或者显示在Mozilla Firefox中

    <!doctype html>
<html>
<head><link rel="stylesheet" href="fullcalendar/fullcalendar.css"/>
<script src="fullcalendar/fullcalendar.js"></script>
<script src="lib/jquery.min.js"></script>
<script src="lib/moment.min.js"></script>
<script> $(document).ready(function() {

    // page is now ready, initialize the calendar...

    $('#calendar').fullCalendar({
        // put your options and callbacks here
    })

});</script>
<meta charset="utf-8">
<title>Untitled Document</title>
</head>

<body>
<div id='calendar'></div>
</body>
</html>

所有文件都是本地文件

Dreamweaver CC 2014 1.1和Firefox 36.0.4

您缺少一个css文件fullcalendar.print.css请将其包括在内。您可以使用cdn路径//cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.3.1/fullcalendar.print.css

检查控制台可能存在未定义jquery的错误。在这种情况下包括该文件。 cdn路径https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.js

完整下载完整日历

按此顺序包括您的文件

力矩js jQueryJS Fullcalendar js 注意：并确保每个文件都包含正确的内容

我已经在左菜单上创建了一个JSFIDLE链接，单击外部源

添加了.print css文件。我仍然有相同的问题。我可以使用“”而不是您建议的cdn路径吗？是的，您可以使用任何cdn路径，只需检查浏览器控制台中的错误。控制台在其参考中显示这些错误错误错误错误：jQuery未定义factoryjQuery，矩；fullcalendar.js第15行，第2列TypeError:$..fullcalendar不是一个函数$'calendar'。fullcalendar{demo.html第15行，第4列从官方网站下载jquery，然后包括它，记住要包括稳定的版本，它仍然不工作，Firefox现在在它的浏览器中没有显示任何错误