Googleカレンダーで設定したイベント等に対応したカレンダー実装スクリプト・kalendarのご紹介です。勿論、普通にイベント設定も可能。jQueryに依存しています。

イベント対応のカレンダーを手軽に実装出来る、というスクリプトです。

kalendar

こんな感じのカレンダーです。日付を押すとその日のイベント一覧に切り替わります。

Sample

events: [
        {
            title: "hoge",
            start: {
                date: YYYYMMDD or "YYYYMMDD",
                time: "HH.MM"
            },
            end: {
                date: YYYYMMDD or "YYYYMMDD",
                time: "HH.MM" 
            },
            location: "huga",
            url: "http://example.com", 
            color: "string"  
        }
    ],

イベントは上記の要領で設定すればいいみたい。

他、Googleカレンダーの使用法等は下記よりご確認ください。

kalendar