Googleカレンダー対応の、シンプルなイベントカレンダーを実装出来るjQueryプラグイン・kalendar

この記事は年以上前に書かれたもので、内容が古かったり、セキュリティ上の問題等の理由でリンクが解除されている可能性があります。

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カレンダーの使用法等は下記よりご確認ください。