只是试图将 fullcalendar 的基本配置弹出到我的网站,但出于某种原因 CSS 无法正常工作。我一直在玩弄不同链接的顺序和版本,但我没有运气。这是我的代码:
<head>
<div id="calendar1"></div>
<script src="http://fullcalendar.io/js/fullcalendar-2.7.1/lib/moment.min.js"></script>
<script src="http://fullcalendar.io/js/fullcalendar-2.7.1/lib/jquery.min.js"></script>
<script src="http://fullcalendar.io/js/fullcalendar-2.7.1/fullcalendar.min.js"></script>
<style><link rel='stylesheet' type="text/css" href='https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.7.1/fullcalendar.min.css'/></style>
<script>
$(document).ready(function() {
$('#calendar1').fullCalendar({
defaultDate: '2014-09-12',
editable: true,
eventLimit: true, // allow "more" link when too many events
});
});
</script>
</head>
最佳答案
删除 <style>
标签!
改变
<style><link rel='stylesheet' type="text/css" href='https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.7.1/fullcalendar.min.css'/></style>
到
<link rel='stylesheet' type='text/css' href='https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.7.1/fullcalendar.min.css'>
有关详细信息,请参阅此链接:http://www.w3schools.com/css/css_howto.asp
关于javascript - 完整的日历样式未在网站中显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40826713/