1. 程式人生 > >easyui-datebox限制選擇日期範圍

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若限制範圍不包括今天,則面板下方按鈕【今天】點選是不會設定值的(無需處理)


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; } });