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

YY3ai2ui24 470views 更新:2015年9月2日

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

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

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

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

として、スクリプトで

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

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

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

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

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません