在日期选择器中禁用或灰色前几天
Disable or gray a previous days in datepicker
我想灰色或禁用前几天用户不能 select 他们,我试过 minDate= 0
或 new date()
但它不起作用,所以我做了它是手动的,但我仍然有一段代码可以将它们变灰。
日期选择器:
<div id="datepicker" class="input-group date" data-date-format="dd-mm-yyyy">
<input class="form-control" type="text" readonly />
<span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span>
</div>
当日期选择器的日期小于今天更改时显示警报的代码
//Disable pastdays
var today = new Date();
var dd = today.getDate();
var mm = today.getMonth()+1;
var yyyy = today.getFullYear();
if(dd<10){dd='0'+dd;}
if(mm<10){mm='0'+mm;}
var today = dd+'-'+mm+'-'+yyyy;
jQuery( "#datepicker .form-control" ).change(function() {
if (jQuery("#datepicker .form-control").val() < today) {
alert('You can not select a date lower than today!')
}
});
//end Disable pastDay
使用下面的代码来禁用日期选择器
jQuery("#datepicker .form-control").change(function (e) {
if (jQuery("#datepicker .form-control").val() < today) {
alert('You can not select a date lower than today!');
jQuery(this).attr("disabled", "disabled");
}
});
将 startDate: new Date() 放入您的日期选择器配置对象中
$("#datepicker").datepicker({
autoclose: true,
todayHighlight: true,
startDate: new Date()
});
试试这个。根据文档,这在提供的代码笔中有效。
<div id="datepicker" class="input-group date" data-date-format="mm-dd-yyyy" data-date-end-date="0d">
data-date-end-date="0d" 将禁用今天之后的所有日期。
我想灰色或禁用前几天用户不能 select 他们,我试过 minDate= 0
或 new date()
但它不起作用,所以我做了它是手动的,但我仍然有一段代码可以将它们变灰。
日期选择器:
<div id="datepicker" class="input-group date" data-date-format="dd-mm-yyyy">
<input class="form-control" type="text" readonly />
<span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span>
</div>
当日期选择器的日期小于今天更改时显示警报的代码
//Disable pastdays
var today = new Date();
var dd = today.getDate();
var mm = today.getMonth()+1;
var yyyy = today.getFullYear();
if(dd<10){dd='0'+dd;}
if(mm<10){mm='0'+mm;}
var today = dd+'-'+mm+'-'+yyyy;
jQuery( "#datepicker .form-control" ).change(function() {
if (jQuery("#datepicker .form-control").val() < today) {
alert('You can not select a date lower than today!')
}
});
//end Disable pastDay
使用下面的代码来禁用日期选择器
jQuery("#datepicker .form-control").change(function (e) {
if (jQuery("#datepicker .form-control").val() < today) {
alert('You can not select a date lower than today!');
jQuery(this).attr("disabled", "disabled");
}
});
将 startDate: new Date() 放入您的日期选择器配置对象中
$("#datepicker").datepicker({
autoclose: true,
todayHighlight: true,
startDate: new Date()
});
试试这个。根据文档,这在提供的代码笔中有效。
<div id="datepicker" class="input-group date" data-date-format="mm-dd-yyyy" data-date-end-date="0d">
data-date-end-date="0d" 将禁用今天之后的所有日期。