Php 完整日历:can';t视图,页面为空
我做了中所说的一切,并相应地添加了CDN,但我甚至看不到基本显示。Php 完整日历:can';t视图,页面为空,php,jquery,html,fullcalendar,Php,Jquery,Html,Fullcalendar,我做了中所说的一切,并相应地添加了CDN,但我甚至看不到基本显示。 我也尝试了一个JSFIDLE示例。 我对这个很陌生 <html> <head> <link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.3.1/fullcalendar.min.css"> <script
我也尝试了一个JSFIDLE示例。
我对这个很陌生
<html>
<head>
<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.3.1/fullcalendar.min.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src=" https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.2/locales.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.3.1/fullcalendar.min.js"></script>
<link rel="stylesheet" href=" https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.3.1/fullcalendar.print.css">
</head>
<script>
$(document).ready(function() {
// page is now ready, initialize the calendar...
$('#calendar').fullCalendar({
// put your options and callbacks here
})
});
</script>
<body>
<div id="calendar"></div>
</body>
</html>
$(文档).ready(函数(){
//页面现在已准备就绪,请初始化日历。。。
$(“#日历”).fullCalendar({
//把你的选择和回电放在这里
})
});
$(文档).ready(函数(){
//页面现在已准备就绪,请初始化日历。。。
$(“#日历”).fullCalendar({
//把你的选择和回电放在这里
});
});
1) 始终将脚本放在身体或头脑中。
2) 您的问题是从未导入过moment.js。您的代码将获得locale.js,运行此程序不需要它。
3) 另外,请检查您的浏览器控制台。您可能已经看到了无法找到moment.js的问题。
希望这有帮助 把你的JS提琴举个例子,你应该把你的代码粘贴在这里,在你的问题中,你的JSFIDLE对我来说很好,我可以看到并使用日历。此外,能否共享完整的HTML标记并确认是否加载了jQuery?您能在浏览器控制台中看到任何内容吗?我在浏览器控制台中看不到任何内容:(我把HTML代码放在那里。还包括是否有必要将脚本放在body/head中?我通常将javascript保存在单独的文件中,并将其链接在body的末尾。正确。因此,您的链接仍然在body标记中。我的观点是,它应该是head标记或body标记的子标记,无论是脚本还是指向文件的链接谢谢你!这次成功了!我有很多东西要学,刚开始学:)你会随着时间的推移!继续练习:)
<html>
<head>
<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.3.1/fullcalendar.min.css">
<link rel="stylesheet" href=" https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.3.1/fullcalendar.print.css">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.2/moment.min.js"></script>
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.3.1/fullcalendar.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
// page is now ready, initialize the calendar...
$('#calendar').fullCalendar({
// put your options and callbacks here
});
});
</script>
</head>
<body>
<div id="calendar"></div>
</body>
</html>