easyui datebox 擴展清空按鈕及日期判斷

 

 <input id="EndHavDate" class="easyui-datebox" data-options="prompt:'請選擇結束日期',buttons:buttons,editable:false,validType:'equaldDate[\'#StartHavDate\']'" />

　　對Easyui datebox判斷后面日期是否大於前面的日期擴展

 

 $.extend($.fn.validatebox.defaults.rules,
        {
            equaldDate: {
                validator: function(value, param) {
                    var d1 = $(param[0]).datetimebox('getValue'); //獲取開始時間
                    return value >= d1; //有效范圍為大於開始時間的日期
                },
                message: '結束日期不能早於開始日期!'
            }
        });

 對Easyui databox日期選項內添加清空按鈕(調用 buttons:buttons)

 var buttons = $.extend([], $.fn.datebox.defaults.buttons);
        buttons.splice(1, 0,
        {
            text: '清空',//按鈕文本
            handler: function (target) {
                $("#"+ target.id+"" ).datebox('setValue', "");//根據ID清空
                $("#" + target.id + "").datebox('hidePanel', "");
            }
        });