EasyUI datebox 开始结束日期

场景要求:

1 选择开始日期之后，会清空结束日期

2 结束日期只能选择大于开始的日期，其余变灰

页面效果:

html:

	<!--查询区域-->
	<div id="tb" style="padding: 3px">
		<label class="col-sm-2 control-label">开始日期:</label>
		<input id="startDate" name="name" class="easyui-datebox" data-options="formatter:myformatter,parser:myparser"/>
		 -
		<label class="col-sm-2 control-label">结束日期:</label>
		<input id="endDate" name="name" class="easyui-datebox" data-options="formatter:myformatter,parser:myparser"/>
		<a id="search" class="easyui-linkbutton" data-options="iconCls:'icon-search'"  style="margin-left:30px;">查询</a>
	</div>

js 这样写就行:

$("#startDate").datebox({  
    onSelect : function(beginDate){  
        $('#endDate').datebox().datebox('calendar').calendar({  
            validator: function(date){  
                return beginDate<date;//<=  
            }  
        });  
    }  
});  

js 参考自:https://www.cnblogs.com/fanshuyao/p/6277089.html