Question

我希望这不是一个愚蠢的问题。我想第一次使用fullcalendar。我从本地服务器上的烧瓶运行它。以下是我试图使用的代码，基于我从一些谷歌搜索中找到的例子：

<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>

因此，当我运行它时，它只是给了我什么。有什么想法吗？我错过了资源吗？

Answer 1

你能检查你的css链接吗？我认为它应该以fullcalendar.min.css而不是fullcalednar.min.css结束。最好的问候！

Answer 2

您永远不会将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>

这样您就可以在文档准备好后立即加载它。

第一次使用FullCalendar

2 个答案: