發佈Hourlog 0.02版: 給日期添加JSCalendar功能

今天發佈了Hourlog 0.02版：給日期添加了JSCalendar功能，就是能夠經過彈出層用鼠標來選擇日期；

javascript日期我選擇了jscalendar, http://www.dynarch.com/projects/calendar/,功能很是強大,並且不依賴於任何框架，使用起來很是舒服，並且也很是小巧；

很惋惜，做爲菜鳥的我在Hourlog上記錄了我添加這個功能花了2個小時時間：
第一步是寫個靜態頁面拷貝sample，用了20分鐘左右；
第二步放到項目裏面少引用了一個css文件致使顯示樣式不對，查了約半個小時；
第三步發現個人css裏面下面這段和jscalendar有衝突，致使頂部的當前年月和底部的今天字樣位置顯示不在中間，而是靠左和其餘按鈕重疊；

* {

margin: 0;
padding: 0;

}

去jscalendar主頁上下載JSCal2-1.9後，簡單的使用以下，具體效果能夠登陸Hourlog 查看
1. html開頭添加

<link rel=」stylesheet」 type=」text/css」 href=」src/css/jscal2.css」 />
<link rel=」stylesheet」 type=」text/css」 href=」src/css/border-radius.css」 />
<link rel=」stylesheet」 type=」text/css」 href=」src/css/steel/steel.css」 />
<script type=」text/javascript」 src=」src/js/jscal2.js」></script>
<script type=」text/javascript」 src=」src/js/lang/cn.js」></script>

2. 代碼裏面添加

<p>

<div>

<input type=」text」 name = 「dt」 value = 「」 id=」calendar-field」/>

</div>

<script type=」text/javascript」>

Calendar.setup({
inputField : 「calendar-field」,
trigger    : 「calendar-field」,
onSelect   : function() { this.hide() }
});

</script></p>