js時間控件一般都是找網上的用,這東西平常很少涉及到,一用到找起來卻煩死人,不是沒用就是太復雜,今天向大家推薦一個簡單實用的控件,該控件在不斷更新,而且有專門的網站對它進行維護,所以值得一看。
先說它的用法吧,用法這個網站上也有,但我希望先看完我的日志再去逛這個網站才會發現里面的好玩的東西。
1、下載 My97DatePicker.rar 或 My97DatePickerBeta.7z 里面的內容是一樣的 目前版本是 4.8 Beta1(測試版) ,下載地址 :http://www.my97.net/dp/down.asp
2、解壓 將My97DatePicker 文件夾 拷貝到你的項目中。
3、在jsp頁面中 引入JS <script type="text/javascript" src="${pageContext.request.contextPath }/oa/My97DatePicker/WdatePicker.js"></script> <!--這是我的位置-->
4、開始時間 <input type="text" name="HBegtime" style="width: 90%" class="Wdate" onClick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm'})" /> //說明 class="Wdate" 加這個樣式 是為了能在輸入框里顯示一個日期選擇的圖片 可自行設定,也可不設定 // 普通調用只需加入 onClick="WdatePicker();" 即可 ,默認選擇日期 ! 如果要選擇時間 像上面一樣設定日期時間格式 !
5、更多設置歡迎大家去訪問 http://www.my97.net/dp/demo/index.htm
6、期間出現添加無效果的問題: 檢查導入JS的路徑及text框的引用是否正確,或是重新部署項目 如果你的應用服務器是tomecat 刪除tomecat/work/Catalina/ 下的文件夾 重新啟動 應該就沒有問題了 。