GoogleカレンダーっぽいUIを表示できるjQueryプラグイン

FullCalendarというjQueryプラグインを使用することで、簡単にgoogleカレンダーのような見た目を再現することができます。

使い方は、headerでjQueryのファイルとfullcalendarの公式サイトからダウンロードしたjs・cssファイルを読みこみ、

カレンダーを表示させたいところに、

<div id="cal"></div>

として、スクリプトで

$('#cal').fullCalendar({})

idを指定し、fullcalendarを作成します。

基本的な使い方はこれでこれで終わりです。

さらに拡張したい場合は、fullCalendar関数の引値にオプションを指定します。