example/example.css example/example.js @@ -1,62 +1,17 @@ <!DOCTYPE html> <html> <head> - <meta charset="utf-8"> - <title>jQuery.calendar - demo</title> - <link rel="stylesheet" type="text/css" href="jquery.calendar.css"> + <meta charset="UTF-8"> + <title>カレンダーサンプル</title> + <link rel="stylesheet" type="text/css" href="example.css"> <script src="http://www.google.com/jsapi"></script> <script>google.load("jquery", "1.3.2");</script> <script type="text/javascript" src="../jquery.calendar.js"></script> - <script type="text/javascript"> -jQuery(document).ready(function($) { - $('#calendar').calendar({ - year: 2009, - month: 10, - caption : '%Y年%M月', - hideOtherMonth: true, - events: [ - { - date : '2009-10-6', - url: 'http://google.co.jp/', - title: 'Google' - }, - { - date : '2009-10-02', - title: 'イベント2' - }, - { - date : new Date(2009, 9, 12), - title: 'イベント3' - } - ] - }); - - $('#calendar2').calendar(); - -}); - </script> + <script type="text/javascript" src="example.js"></script> </head> <body> <div id="calendar"></div> -<br /> - -<div id="calendar2"> - <table> - <thead> - <tr> - <th class="sun">S</th> - <th class="mon">M</th> - <th class="tue">T</th> - <th class="wed">W</th> - <th class="thu">T</th> - <th class="fri">F</th> - <th class="sat">S</th> - </tr> - </thead> - </table> -</div> - </body> </html> example/example.html @@ -17,6 +17,7 @@ $.fn.calendar = function(option) { var today = new Date; var Calendar = function(elem, option) { + this.today = today; this.init(elem, option).build().show(); }; @@ -24,8 +25,7 @@ Calendar.prototype = { weekName: ['sun', 'mon', 'tue', 'wed', 'thu', 'fri', 'sat'], init: function(elem, option) { - this.today = today; - this.setOption(option) + this.setOption(option); this.elem = $('<div />') .addClass(this.option.cssClass) .html(elem.html()); @@ -58,16 +58,16 @@ Calendar.prototype = { year : this.today.getFullYear(), month: this.today.getMonth() + 1, week: { - en : ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'], - ja : ['\u65e5', '\u6708', '\u706b', '\u6c34', '\u6728', '\u91d1', '\u571f'] + en: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'], + ja: ['\u65e5', '\u6708', '\u706b', '\u6c34', '\u6728', '\u91d1', '\u571f'] }, caption: { en: '%Y-%M', ja: '%Y\u5e74%M\u6708' }, navi: { - en: ['<<Prev', 'Next>>'], - ja: ['<<\u524d\u306e\u6708', '\u6b21\u306e\u6708>>'] + en: ['Prev', 'Next'], + ja: ['\u524d\u306e\u6708', '\u6b21\u306e\u6708'] }, todayLink: { en: 'Today [%Y-%M-%D]', jquery.calendar.js example/jquery.calendar.css 5173e62e84c133c8d3b3a88c80e009c6e2f62810 rewish rewish.org@gmail.com http://github.com/rewish/jQuery.calendar/commit/4262c68553c39fddd9ffb6d57d09d7d55c781a49 4262c68553c39fddd9ffb6d57d09d7d55c781a49

2009-11-01T18:24:46-08:00

exampleの書き換え＋リファクタリング。 11d170d37f7b02bdcb0f541a3ea936d261c0f70c rewish rewish.org@gmail.com