EasyUi 日历组件 datebox 开始时间与结束时间限制

来源:互联网 发布:wms软件 编辑:程序博客网 时间:2024/05/16 10:34
说明:只有选了开始日期才能选择结束日期,当选择了结束日期又重新选择了开始日期,则需要重新选择结束日期。
<input id="startdate" class="easyui-datebox" name="startdate" data-options="prompt:'请选择开始日期',editable:false,required:'true',onSelect:onSelect"><input id="enddate"class="easyui-datebox" name="enddate"   data-options="prompt:'请选择结束日期',editable:false,required:'true',disabled:true,validType:'equaldDate[\'#startdate\']'">
 <script>function onSelect(date){  //开始日期选择时触发$('#enddate').datebox('enable');//启用结束日期控件$('#enddate').datebox('reset')//重置结束日期的值};$.extend($.fn.validatebox.defaults.rules, {equaldDate: {validator: function(value, param){var d1 = $(param[0]).datetimebox('getValue');  //获取开始时间return value >=d1;  //有效范围为大于开始时间的日期},message: '结束日期不能早于开始日期!'}})</script>

 

 

0 1
原创粉丝点击