easyui Datebox限制時間選擇範圍
阿新 • • 發佈:2022-03-31
我給大家分享的是我實現的一種方式,網上也有其他的辦法,大家隨便看看,畢竟適合自己的才是最好的
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 <= newDate(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}後臺傳來的值