[FullCalendar]たった2行の追加でFullCalendarをiPad対応にするスクリプト

最終更新日

jquery.ui.touch

FullCalendarをiPad等のタッチ操作に対応させる方法はいくつかあるみたいですが、今のところ上記のスクリプトを使うのが一番簡単だと思います。

使い方は以下。

ヘッダで上記スクリプトを読み込んで。

カレンダー設定後にaddTouchを付加する。

example(iPadで見てください)

動作確認:iPad(iOS6)

イベント(スケジュール)の登録、移動、時間の変更をタッチ操作で行うことができます。
一応iPhoneでも操作できるはずですが小さすぎてあまり実用的ではありません。また、iPad以外のタブレット端末では動作確認してません。

【備考】
タッチ操作の場合タッチ(クリック)でスケジュールの登録を行わせると誤操作しやすいので、スケジュールの登録は別のイベント(ダブルクリック)などに割り振った方がよさそう。