1. 程式人生 > >3.05-時間控制元件My97 DatePicker

3.05-時間控制元件My97 DatePicker

1. 下載地址:

http://www.my97.net/down.asp

2.使用:

將下載的壓縮包加壓到當前資料夾,加壓後的檔案複製到專案的webapp下的js中,最後在相應頁面引入WdatePicker.js即可。(注意:是將解壓後的My97DatePicker資料夾全部複製到webapp下的js中)

例如:

script type="text/javascript" src="js/My97DatePicker/WdatePicker.js"></script>
<input class="Wdate" style=
"height: 24px;border-radius: 5px" type="text" onClick="WdatePicker({el:this,dateFmt:'yyyy-MM-dd HH:mm:ss'})">

3.功能:

http://www.my97.net/demo/index.htm

4.(可忽略)個人使用:

在控制元件中設定結束時間不能小於開始時間

<label>開始時間</label>

<input class="text" onFocus="WdatePicker({maxDate:'#F{$dp.$D(\'endTime\')}'})" id="startTime" />

<label>結束時間</label>

<input class="text" onFocus="WdatePicker({maxDate:'#F{$dp.$D(\'startTime\')}'})" id="endTime" />

這樣選擇開始時間後再選擇結束時間時,開始時間前的時間就不可選擇

同樣選擇結束時間後,開始時間就不能選擇結束時間之後的時間

待續。。。。。。。。。。。。