如何在 bootstrap datetimepicker 中禁用从今天开始的过去日期?
How to disable past dates from today in bootstrap datetimepicker?
无法禁用 bootstrap datetimepicker
中的过去日期
HTML
<br/>
<div class="row">
<div class="col-md-12">
<h6>Datetimepicker</h6>
<div class="form-group">
<div class="input-group date" id="datetimepicker">
<input type="text" class="form-control" /> <span class="input-group-addon"><span class="glyphicon-calendar glyphicon"></span></span>
</div>
</div>
</div>
</div>
JavaScript
$(function () {
$('#datetimepicker').datetimepicker();
});
我也用过startDate
atrribute.But没用
Fiddle here
startDate
选项在 bootstrap-datepicker same option not mentioned anywhere in bootstrap-datetimepicker/Options/ 文档中使用 minDate
选项
$(function () {
$('#datetimepicker').datetimepicker({
minDate:new Date()
});
});
我已经使用了您的 fiddle 并使用以下代码对其进行了更改,该代码禁用了所有过去的日期,它运行良好。
这里是 Fiddle 和代码 -
$(function () {
$('#datetimepicker').datetimepicker({
minDate : moment()
});
});
你可以这样做:
$(function () {
var date = new Date();
var today = new Date(date.getFullYear(), date.getMonth(), date.getDate());
$('#datetimepicker').datetimepicker({
minDate: today
});
});
另一个解决方案:
$(function () {
var date = new Date();
date.setDate(date.getDate()-1);
$('#datetimepicker').datetimepicker({
startDate: date
});
});
无法禁用 bootstrap datetimepicker
中的过去日期HTML
<br/>
<div class="row">
<div class="col-md-12">
<h6>Datetimepicker</h6>
<div class="form-group">
<div class="input-group date" id="datetimepicker">
<input type="text" class="form-control" /> <span class="input-group-addon"><span class="glyphicon-calendar glyphicon"></span></span>
</div>
</div>
</div>
</div>
JavaScript
$(function () {
$('#datetimepicker').datetimepicker();
});
我也用过startDate
atrribute.But没用
Fiddle here
startDate
选项在 bootstrap-datepicker same option not mentioned anywhere in bootstrap-datetimepicker/Options/ 文档中使用 minDate
选项
$(function () {
$('#datetimepicker').datetimepicker({
minDate:new Date()
});
});
我已经使用了您的 fiddle 并使用以下代码对其进行了更改,该代码禁用了所有过去的日期,它运行良好。
这里是 Fiddle 和代码 -
$(function () {
$('#datetimepicker').datetimepicker({
minDate : moment()
});
});
你可以这样做:
$(function () {
var date = new Date();
var today = new Date(date.getFullYear(), date.getMonth(), date.getDate());
$('#datetimepicker').datetimepicker({
minDate: today
});
});
另一个解决方案:
$(function () {
var date = new Date();
date.setDate(date.getDate()-1);
$('#datetimepicker').datetimepicker({
startDate: date
});
});