可以将文章内容翻译成中文,广告屏蔽插件可能会导致该功能失效(如失效,请关闭广告屏蔽插件后再试):
问题:
This question already has an answer here:
Unable to disable the past dates in 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(); });
I also used startDate
atrribute.But no use.
Fiddle here
回答1:
startDate
option use in bootstrap-datepicker same option not mentioned anywhere in bootstrap-datetimepicker/Options/ doc it has minDate
option for that
$(function () { $('#datetimepicker').datetimepicker({ minDate:new Date() }); });
FIddle
回答2:
You can do it like this:
$(function () { var date = new Date(); var today = new Date(date.getFullYear(), date.getMonth(), date.getDate()); $('#datetimepicker').datetimepicker({ minDate: today }); });
Another solution:
$(function () { var date = new Date(); date.setDate(date.getDate()-1); $('#datetimepicker').datetimepicker({ startDate: date }); });
回答3:
I have used your fiddle and change it with following code which disables all the past dates ,its working perfectly.
Here is the Fiddle and CODE -
$(function () { $('#datetimepicker').datetimepicker({ minDate : moment() }); });