2017-01-24 13 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

divにfullcalendarを読み込むことはありません。これは次のようになります:

<!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> 

この方法で、ドキュメントの準備ができたらすぐに読み込みます。

関連する問題