easyui Datebox限制时间选择范围
我给大家分享的是我实现的一种方式,网上也有其他的办法,大家随便看看,毕竟适合自己的才是最好的
html部分
<input class="easyui-datebox" id="begTime" name="begTime" value="${begTime }" style="width:200px" data-options="onSelect:onChangebegDate" />-- <input class="easyui-datebox" id="endTime" name="endTime" value="${endTime }" style="width:200px" data-options="onSelect:onChangeendDate" />
js部分
function onChangebegDate(date){ //alert("选中的时间为:"+date); //alert("选中的时间为:"+formatDate(date,'yyyy-MM-dd')); var begTime = '${begTime}'; var endTime = '${endTime}'; if(new Date(begTime) <= date && date <= new Date(endTime)){ $('#begTime').datebox("setValue",formatDate(date,'yyyy-MM-dd')); }else{ alert("请选择"+begTime+"---"+endTime+"范围内的验证日期!"); $('#begTime').datebox("setValue",begTime); } } function onChangeendDate(date){ //alert("选中的时间为:"+date); //alert("选中的时间为:"+formatDate(date,'yyyy-MM-dd')); var begTime = '${begTime}'; var endTime = '${endTime}'; if(new Date(begTime) <= date && date <= new Date(endTime)){ $('#endTime').datebox("setValue",formatDate(date,'yyyy-MM-dd')); }else{ alert("请选择"+begTime+"---"+endTime+"范围内的验证日期!"); $('#endTime').datebox("setValue",endTime); } }
PS:
${begTime}、${endTime}后台传来的值