Javascript 首次使用FullCalendar

Javascript 首次使用FullCalendar,javascript,html,fullcalendar,Javascript,Html,Fullcalendar,我希望这不是一个愚蠢的问题。我第一次尝试使用fullcalendar。我正在本地服务器上从flask运行这个。以下是我试图使用的代码,基于我在谷歌上找到的示例: <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.1.0/fullcalendar.min.css"> <script src="https://cdnj

我希望这不是一个愚蠢的问题。我第一次尝试使用fullcalendar。我正在本地服务器上从flask运行这个。以下是我试图使用的代码,基于我在谷歌上找到的示例:

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.1.0/fullcalendar.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.9.0/moment.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.1.0/fullcalendar.min.js"></script>
<script>
$(function() {
    $('#calendar').fullCalendar();
});
</script>
</head>
<body>
<div id="calendar"></div>

$(函数(){
$(“#日历”).fullCalendar();
});

所以当我运行它时,它什么也没给我。我是不是缺少资源了?

你能检查一下你的css链接吗?我认为它应该以fullcalendar.min.css而不是fullcalednar.min.css结尾。

您从未将fullcalendar加载到div中。请按如下方式操作:

<!DOCTYPE html>
<html>
</head>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.1.0/fullcalendar.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.9.0/moment.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.1.0/fullcalendar.min.js"></script>

<script type="application/javascript">

$(document).ready(function() {
    $('#calendar').fullCalendar();
});
</script>
</head>
<body>
<div id="calendar"></div>
</body>
</html>

$(文档).ready(函数(){
$(“#日历”).fullCalendar();
});
这样,您可以在文档准备好后立即加载它。

适合我:-您可能希望至少将onload脚本移到页面底部。