EasyUI datebox 覆写equaldDate 限制输入时间

datebox限制toDate大于fromDate且不超过一个月jsp

效果展现:ui

jsp:spa

<input id="from-date" name="fromDate" class="easyui-datebox" data-options="buttonText: '时间:从',
  buttonAlign: 'left', width: 180, height: 34, panelAlign: 'right', editable: false, formatter: DateUtil.formatterYMD, parser: DateUtil.parserYMD,
  onSelect:onSelectDate"
> <input id="to-date" name="toDate" class="easyui-datebox" data-options="buttonText: '至',   buttonAlign: 'left', width: 180, height: 34, panelAlign: 'right', editable: false, formatter: DateUtil.formatterYMD, parser: DateUtil.parserYMD,   validType:'equaldDate[\'#from-date\']'">

js:code

$.extend($.fn.validatebox.defaults.rules, {
    equaldDate: {
        validator: function (value, param) {
            value = DateUtil.parserYMD(value);
            var start = DateUtil.parserYMD($(param[0]).datebox('getValue'));  //获取开始时间
            var end = DateUtil.parserYMD($(param[0]).datebox('getValue'));
            var month = end.getMonth() + 1;
            end.setMonth(month);
            return value <= end && value > start;                        //有效范围为结束时间大于开始时间并不超过一个月
        },
        message: '结束日期应大于开始日期并不超过开始日期一个月!'          //匹配失败消息
    }
});$(function() {  onSelectDate = function (){    $('#to-date').datebox('validate');  }})
相关文章
相关标签/搜索