easyui-datebox限制選擇日期範圍
阿新 • • 發佈:2018-12-31
//設定日期只能選擇昨天或今天
$('#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;
}
});