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}后台传来的值
posted @ 2022-03-31 16:56  Ferocious  阅读(599)  评论(0编辑  收藏  举报