easyui-datebox限制选择日期范围

//设置日期只能选择昨天或今天
$('#date').datebox('calendar').calendar({
    validator: function(date){
        var now = new Date();
        var d1 = new Date(now.getFullYear(),now.getMonth(), now.getDate()-1);
        var d2 = new Date(now.getFullYear(), now.getMonth(), now.getDate());
        return d1<=date && date<=d2;
    }
});

效果图(除1号或2号,其他日期均不能点击)
其他说明:
1、datebox若限制范围不包括今天,则面板下方按钮【今天】点击是不会设置值的(无需处理)

easyui-datebox限制选择日期范围_第1张图片
2、datetimebox也可以使用此限制,需要给d1的时间设置为00:00:00,d2的时间设置为23:59:59;
3、datetimebox使用此限制只能限制日期,无法限制时间段;限制范围不包括今天,【今天】按钮是可以把值设置进去的(需要处理,如下)

$('#datetime').datetimebox({
    onShowPanel:function(){
        //将今天隐藏掉
        $(this).datetimebox('panel').find('a[datebox-button-index="0"]').hide();
    }
});
$('#datetime').datetimebox('calendar').calendar({
    validator: function(date){
        var now = new Date();
        var d1 = new Date('2017-01-01 00:00:00');
        var d2 = new Date('2017-01-01 23:59:59');
        return d1<=date && date<=d2;
    }
});

你可能感兴趣的:(easyui)