easyui datebox 扩展清空按钮及日期判断

2022-03-25 22:17:05

 <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', "");

            }

        });