easyui-datebox 不能大于当前时间

最新推荐文章于 2021-04-07 09:55:15 发布

转载最新推荐文章于 2021-04-07 09:55:15 发布 · 1.3k 阅读

文章标签：

#easyui

▼ 前端 - Web 同时被 2 个专栏收录

46 篇文章

订阅专栏

　　● js/jQuery/Swiper/easyUI

26 篇文章

订阅专栏

本文详细解析了DateBox和DateTimeBox控件的区别及使用方法，包括如何设置不可编辑属性，以及如何通过validator函数限制日期选择范围，确保用户只能选择特定条件下的日期。

并不是datebox继承自Calendar，是datebox创建时会包含一个calendar。

所以可以从datebox获取一个他使用的calendar。

注意datetimebox和datebox，他们的写法是一样的，但是你是databox的时候你.datetimebox()是不管用的

datetimebox （带时分秒控件）

//时间控件
        $('#modifyStartTime').datetimebox().datetimebox('calendar').calendar({
            validator: function(value){
                var now = new Date();
                return value <= now;
            }
        });
        $('#modifyStartTime').datetimebox({
            editable:　false //不可编辑
        });
        $('#modifyEndTime').datetimebox().datetimebox('calendar').calendar({
            validator: function(value){
                var now = new Date();
                return value <= now;
            }
        });
        $divs.find('#modifyEndTime').datetimebox({
            editable:　false //不可编辑
        });

datebox （年月日）

//时间控件
        $('#modifyStartTime').datebox().datebox('calendar').calendar({
            validator: function(value){
                var now = new Date();
                return value <= now;
            }
        });
        $('#modifyStartTime').datetime({
            editable:　false //不可编辑
        });
        $('#modifyEndTime').datebox().datebox('calendar').calendar({
            validator: function(value){
                var now = new Date();
                return value <= now;
            }
        });
        $divs.find('#modifyEndTime').datebox({
            editable:　false //不可编辑
        });

//这是只允许选择今后10天之内的日期

// 这是只允许选择今后10天之内的日期
$('#dd').datebox('calendar').calendar({
    validator: function(date){
        var now = new Date();
        var d1 = new Date(now.getFullYear(), now.getMonth(), now.getDate());
        var d2 = new Date(now.getFullYear(), now.getMonth(), now.getDate()+10);
        return d1<=date && date<=d2;
    }
});