1. 程式人生 > 其它 >easyui Datebox限制時間選擇範圍

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}後臺傳來的值