我正在尝试使用bootstrap datepicker创建日历,该日历允许用户选择从今天起24小时开始的一天。我之前看到过这个问题,但是当我尝试解决方案时,我认为它不起作用。日历有效,但仍允许用户选择过去的日期:
<div class="row">
<div class="input-group date" id="dp3" data-date="" data-date-format="mm-dd-yyyy">
<input class="form-control" name="schedule_pickup_date" type="text" value="">
<span class="input-group-addon btn-primary" style="background-color: #0590e3;">
<i class="fa fa-calendar fa-1x white"></i>
</span>
</div>
</div>
<script src="js/bootstrap-datepicker.js"></script>
<script>
$(document).ready(function() {
$('#dp3').datepicker({
startDate: '+1d'
});
});
</script>
出于某种原因,看起来我无法使用$('#dp3')。datepicker()函数设置任何选项。
答案 0 :(得分:0)
您正在设置startDate,但不是minDate。
minDate: '+1d'
您正在调用错误元素上的datepicker,将代码更改为:
$('input[name="schedule_pickup_date"]').datepicker({
startDate: '+1d',
minDate: '+1d'
});
答案 1 :(得分:0)
尝试使用“ defaultDate”代替“ startDate”。
<div class="container">
<div class="row">
<div class='col-sm-6'>
<div class="form-group">
<div class='input-group date' id='datetimepicker5'>
<input type='text' class="form-control" />
<span class="input-group-addon">
<span class="glyphicon glyphicon-calendar"></span>
</span>
</div>
</div>
</div>
<script type="text/javascript">
$(function () {
$('#datetimepicker5').datetimepicker({
defaultDate: "11/1/2013",
disabledDates: [
moment("12/25/2013"),
new Date(2013, 11 - 1, 21),
"11/22/2013 00:53"
]
});
});
</script>
</div>