我剛剛開始嘗試實作 FullCalendar；但是，我的顯示為空白，控制臺日志或日志中沒有錯誤訊息。請問我沒有包括什么？
HTML：
$(document).ready(function() {
document.addEventListener('DOMContentLoaded', function() {
var calendarEl = document.getElementById('calendar');
var calendar = new FullCalendar.Calendar(calendarEl, {
initialView: 'resourceTimelineWeek'
});
calendar.render();
});
});<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.0.1/css/bootstrap.min.css">
<link href='https://cdn.jsdelivr.net/npm/[email protected]/main.min.css' rel='stylesheet' />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.0.1/js/bootstrap.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/main.min.js"></script>
<div id='calendar'></div>uj5u.com熱心網友回復：
您DOMContentLoaded在 jQuery 的$(document).ready(). 那個時候DOMContentLoaded已經發生了，所以你附加的監聽器DOMContentLoaded永遠不會執行。
使用兩者之一，而不是兩者。
第二個錯誤是您加載了錯誤的 fullCalendar 腳本。要使用“resourceTimelineWeek”，您需要包含<script src="https://cdn.jsdelivr.net/npm/[email protected]/main.min.js"></script>（以及相應的 CSS）。
document.addEventListener('DOMContentLoaded', function() {
const calendar = new FullCalendar.Calendar(document.getElementById('calendar'), {
initialView: 'resourceTimelineWeek'
});
calendar.render();
});<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.0.1/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/main.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.0.1/js/bootstrap.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/main.min.js"></script>
<div id='calendar'></div>轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/354516.html
標籤：javascript html 全日历