2017-01-24 27 views
-2

我希望這不是一個愚蠢的問題。我正嘗試第一次使用fullcalendar。我在本地服務器上從燒瓶運行。這裏是我嘗試使用代碼的基礎上的例子,我已經從一些谷歌上搜索發現:第一次使用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> 

所以,當我運行,它只是給我什麼。有什麼想法嗎?我是否缺少資源?

+0

適用於我:https://jsfiddle.net/87bpo8p5/ - 您可能希望將至少onload腳本移動到頁面底部。 –

回答

-1

你能檢查你的css鏈接嗎?我認爲它應該以fullcalendar.min.css而不是fullcalednar.min.css結束。最好的祝福!

+0

好的電話。儘管如此,仍然沒有這樣做。 –

+0

你能看到任何控制檯錯誤嗎? –

-1

您永遠不會將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> 

這樣你就可以在文檔準備就緒後加載它。