easyUI——datebox驗證和自定義取消按鈕

來源：http://blog.csdn.net/liusong0605/article/details/42270463

1. datebox驗證

       驗證結束時間<起始時間：

       

起始時間：<input id="startDate" name="startDate" class="easyui-datebox"  >
結束時間：<input id="endDate" name="endDate" class="easyui-datebox "  validType="dateValid['#startDate']">

$.extend($.fn.validatebox.defaults.rules,{
    dateValid : {
        validator : function(value,param) { //參數value為當前文本框的值，也就是endDate
            startTime = $(param[0]).datetimebox('getValue');//獲取起始時間的值
            var start = $.fn.datebox.defaults.parser(startTime);
            var end = $.fn.datebox.defaults.parser(value);
            varify = end > start;
            return varify;
        },
        message : '結束時間要大於開始時間!'
    }
});

2. 自定義清除按鈕

      datebox默認設置了currentText、closeText、okText。操作頁面時，如果要清空輸入的時間，可以使時間文本框獲得焦點直接刪除里面的內容。更好的用戶體驗是在下拉的panel中增加一個清空按鈕。

     

      擴展這個功能，我們就在jquery.eaysui.min.js源碼中找到currentText、closeText、okText的定義及事件，然后，加上清空按鈕的定義及事件即可。添加的代碼如下：

      

最后，easyui-lang-zh_CN.js中也加入清除按鈕，否則，清除按鈕是英文顯示。