fullcalendarについて

kintone カスタマイズ
1

Cybozu CDNのfullcalendarを利用したいと思いいろいろ試しているのですが、行き詰まっているところがあります。

カレンダーやeventは表示させることが出来るのですが、月別、週別、日別に表示させたり、todayに戻したりするボタンが表示されません。
コードを記載しますので、アドバイスをお願いします。

■HTML(カスタムビューに記載)
<div id=“calendar”></div>

■Javascript
$(function(){
$(‘#calendar’).fullCalendar({
header:{
left:‘prev,next today’,
center:‘title’,
right:‘month,agendaWeek,agendaDay’
},
defaultDate:‘2015-02-12’,
editable:true,
eventLimit:true,
events:[
{title:‘All Day Event’,start:‘2015-02-01’},
{title:‘Long Event’,start:‘2015-02-07’,end:‘2015-02-10’},
{id:999,title:‘Repeating Event’,start:‘2015-02-09T16:00:00’},
{id:999,title:‘Repeating Event’,start:‘2015-02-16T16:00:00’},
{title:‘Conference’,start:‘2015-02-11’,end:‘2015-02-13’},
{title:‘Meeting’,start:‘2015-02-12T10:30:00’,end:‘2015-02-12T12:30:00’},
{title:‘Lunch’,start:‘2015-02-12T12:00:00’},
{title:‘Meeting’,start:‘2015-02-12T14:30:00’},
{title:‘Happy Hour’,start:‘2015-02-12T17:30:00’},
{title:‘Dinner’,start:‘2015-02-12T20:00:00’},
{title:‘Birthday Party’,start:‘2015-02-13T07:00:00’},
{title:‘Click for Google’,url:‘http://google.com/',start:'2015-02-28’}
]
});
});

以上、よろしくお願いします。

2

Akira Takahashiさん

恐らく print.css をkintoneの読込設定画面から読み込まれていませんでしょうか。もしそうであれば、（文字通りprint用のcssなので）外して頂くと表示されるかと思います。これ読み込むためにはlinkタグで media="print" を伴う必要があるようです。

また、header の left における next と today の間のコンマが抜けているようです。

3

ご回答ありがとうございます。
ご指摘の通り、print.cssをはずせば、表示されました。
アドバイスありがとうございました。

4

解決されたようでよかったです。