使用easyui的datetimebox插件輸入日期，同時對日期進行驗證

進公司上班有一個月了，公司的項目界面都是用easyui做的，這裡總結一些遇到的easyui插件的問題，方便以後用到時可以參考。本次就先說說easyui的datetimebox插件。

1.多個時間輸入框，後面的時間一次比前一個輸入框時間大。如:time1

如下圖：

代碼如下：HTML代碼：

2. 時間1：
5. class=”easyui-datetimebox”/>
7. 時間2：
10. validType=”TimeCheck[“time1″]” invalidMessage=”time2要大於time1″
11. class=”easyui-datetimebox”/>
13. 時間3：
16. validType=”TimeCheck[“time2″]” invalidMessage=”time3要大於time2″
17. class=”easyui-datetimebox”/>

js代碼：

注釋：這種方法有個弊端，就是如果先輸入後面time2的日期，在輸入前面time1的日期，並且time2

2.上面一個年份輸入框，選擇一個年份，下面輸入框的年份必須與上面所選年份相同。如圖：

HTML代碼：

2. 年 份：
4. 2014
   2015
   2016
6. 時間1：
8. 時間2：

1. js代碼：

看下面代碼的結果，如圖，value和param的值。

2. $.extend($.fn.validatebox.defaults.rules,{
3. TimeCheck:{
4. validator:function(value,param){
5. console.info(value);
6. console.info(param);
7. console.info(param[0]);
8. }
9. }
10. });

注釋：HTML中的invalidMessage=”所選時間年份必須與所選年份相同” 是當輸入的數據不合法是要顯示的信息，如果沒有ivalidMessage，就會顯示js中的message：『選擇時間年份必須與提案所在時間一致』，如果兩者都有的話，會顯示HTMl中的提示信息。

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！

本站內容充實豐富，博大精深，小編精選每日熱門資訊，隨時更新，點擊「搶先收到最新資訊」瀏覽吧！

請您繼續閱讀更多來自 程序員小新人學習 的精彩文章: