1. 首先到My97DatePicker官網下載zip文件,解壓,可以看到有個 WdatePicker.js 文件(基本只需要下載這個就可以)
2. 引入js文件
<script type="text/javascript" src="My97DatePicker/WdatePicker.js"></script>
3. 代碼
開始時間:<input type="text" id="stime" placeholder="開始時間" autocomplete="off" οnfοcus="WdatePicker({ dateFmt: 'yyyy-MM-dd HH:mm:ss'})" onclick="WdatePicker({maxDate:'#F{$dp.$D(\'etime\')}'});">
結束時間:<input type="text" id="etime" placeholder="結束時間" autocomplete="off" οnfοcus="WdatePicker({ dateFmt: 'yyyy-MM-dd HH:mm:ss'})" onclick="WdatePicker({minDate:'#F{$dp.$D(\'stime\')}'});">
- placeholder 提供可描述輸入字段預期值的提示信息(hint)。該提示會在輸入字段爲空時顯示,並會在字段獲得焦點時消失。(可有可無)
- oοnclick=“WdatePicker({maxDate:’#F{D(‘etime’)}’});” 設置開始時間不能大於結束時間
- οnclick=“WdatePicker({minDate:’#F{D(‘stime’)}’});” 設置結束時間不能小於開始時間
- οnfοcus=“WdatePicker({ dateFmt: ‘yyyy-MM-dd HH:mm:ss’})” 設置時分秒
- utocomplete=“off” 關閉自動填充(可有可無)
4. 顯示效果
- 結束時間不能小於開始時間
- 開始時間不能大於結束時間