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も使用しましたが、使用しません。
フィドル ここ
startDate
オプションは bootstrap-datepicker で使用されている同じオプション bootstrap-datetimepicker/Options / doc minDate
そのオプション
$(function () {
$('#datetimepicker').datetimepicker({
minDate:new Date()
});
});
次のようにできます:
$(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
});
});
私はあなたのフィドルを使用し、過去のすべての日付を無効にする次のコードでそれを変更しました。
これが Fiddle とCodeです-
$(function () {
$('#datetimepicker').datetimepicker({
minDate : moment()
});
});