ブログ
カレンダーが表示されなくなった
JQueryプラグインのFullCalendarを使って、サイト内にGoogleカレンダーの公開カレンダーを表示させる案件を以前取り扱ったことがあります。
今回Ver.3.6.2にバージョンアップしたら、カレンダーが表示されなくなってしまいました。
どうもオプション設定の書式が変わったらしく、ドキュメント類も英語ばかりなので、色々じたばたしながら解決してみました。
原因としては、週表示の書式を決めるcolumnFormatオプションの書き方が変わり、下記のようにviewsオプションの中に、さらにweekとした上で記述しないといけないようです。
今回Ver.3.6.2にバージョンアップしたら、カレンダーが表示されなくなってしまいました。
どうもオプション設定の書式が変わったらしく、ドキュメント類も英語ばかりなので、色々じたばたしながら解決してみました。
原因としては、週表示の書式を決めるcolumnFormatオプションの書き方が変わり、下記のようにviewsオプションの中に、さらにweekとした上で記述しないといけないようです。
<script type="text/javascript">
$(function(){
$('#calendar').fullCalendar({
googleCalendarApiKey: '<YOUR API KEY>',
events : '<YOUR CALENDAR ID>'
header : {
left : 'today prev,next',
center : 'title',
right : 'month,agendaWeek,agendaDay'
},
views : {
week : {
columnFormat : 'M/D [(]ddd[)]'
}
}
});
});
</script>