web-dev-qa-db-fra.com

Comment désactiver les dates passées d'aujourd'hui dans bootstrap datetimepicker?

Impossible de désactiver les dates passées dans 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();
 });

J'ai aussi utilisé startDate atrribute.Mais c'est inutile.

Violon ici

javascriptjquerytwitter-bootstrapdatetimepickereonasdan-datetimepicker
21
Raviteja

startDate option utilisée dans bootstrap-datepicker même option non mentionnée nulle part dans bootstrap-datetimepicker/Options / doc = minDate pour cette option

 $(function () {
     $('#datetimepicker').datetimepicker({  
         minDate:new Date()
      });
 });

Champ

38
Shailendra Sharma

Vous pouvez le faire comme ça:

$(function () {
   var date = new Date();
   var today = new Date(date.getFullYear(), date.getMonth(), date.getDate());
   $('#datetimepicker').datetimepicker({ 
      minDate: today
   });
});

Une autre solution:

$(function () { 
  var date = new Date();
  date.setDate(date.getDate()-1);
  $('#datetimepicker').datetimepicker({ 
   startDate: date
  });
});
7
Atif Tariq

J'ai utilisé votre violon et le changer avec le code suivant qui désactive toutes les dates passées, cela fonctionne parfaitement.

Voici le violon et le code -

$(function () {
   $('#datetimepicker').datetimepicker({
      minDate : moment()
   });
});
3
Manoj Salvi