繁体   English   中英

第一次使用 FullCalendar

[英]Using FullCalendar for the first time

我希望这不是一个愚蠢的问题/问题。 我第一次尝试使用 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>

所以当我运行它时,它什么也没给我。我错过了资源吗?

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

您永远不会将完整日历加载到 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>

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

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM