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'); }})