How to disable past dates from today in bootstrap datetimepicker? [duplicate]

Question

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

Ziwot

Answer 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

Alleluia

picking a time by drill down is disabled. How to solve this ? check the fiddle example you have pointed above. – Starknaked

combination of previous date time is disable, you can choose future date time – Alleluia

Yesterday, i solved the issue. the point is new Date() will make the current HH:mm tt as sealing time. instead we should point the hours directly like 'var date = new Date(); var startDate = new Date(date.getFullYear(), date.getMonth(), date.getDate(), 0, 0, 0); var endDate = new Date(date.getFullYear(), date.getMonth() + 1, date.getDate(), 23, 59, 59);' jsfiddle.net/65vaoqkw/7/#&togetherjs=zELfaP3wpz – Starknaked

Answer 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
  });
});

Issiah

How to disable all dates after today? – Cachepot

Just change minDate to maxDate: today – Issiah

Answer 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()
   });
});

Defensive