jQueryで作るスケジュール帳「jquery week-calendar」[js]

redredredより、jQueryで作るシンプルなスケジュール帳「jquery week-calendar」の紹介です。

デモページ1はコチラから

デモページ2はコチラから

cal0905191.jpg

設置方法は「jquery-week-calendar」をダウンロードし、jsファイルとCSSファイルを設置し、jQuery-UIもダウンロードして、設置し、下記のようなソースを設置すればOKです。

JavaScript

$(document).ready(function() {
  $('#calendar').weekCalendar({
    events:[{"id":10182,
      "start":"2009-05-03T12:15:00.000+10:00",
      "end":"2009-05-03T13:15:00.000+10:00",
      "title":"Lunch with Mike"
    }, {
      "id":10182,
      "start":"2009-05-03T14:00:00.000+10:00",
      "end":"2009-05-03T15:00:00.000+10:00",
      "title":"Dev Meeting"
    }]
  });
});

このリファレンスは、「jquery week-calendar」のサイトで確認してください。