15

kann nicht die Daten in der Vergangenheit in Bootstrap-DatetimeWie deaktiviert man vergangene Daten von heute im 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(); 
}); 

habe ich auch startDate atrribute.But ohne Verwendung deaktivieren.

Fiddle here

Antwort

26

startDate Option Gebrauch in bootstrap-datepicker gleiche Option nicht überall in bootstrap-datetimepicker/Options/ doc erwähnt hat es minDate Option für die

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

FIddle

+0

eine Zeit von Drill Kommissionierung nach unten ist deaktiviert. Wie löst man das? Überprüfe das Geigenbeispiel, das du oben gezeigt hast. – Vijayaraghavan

+0

Kombination der vorherigen Datum Zeit ist deaktiviert, können Sie zukünftige Datum Zeit –

+0

Gestern habe ich das Problem gelöst. der Punkt ist neu Datum() wird die aktuelle HH: mm tt als Siegelzeit machen. Stattdessen sollten wir die Stunden direkt auf 'var date = new Date(); var startDate = neues Datum (date.getFullYear(), date.getMonth(), date.getDate(), 0, 0, 0); var endDate = neues Datum (date.getFullYear(), date.getMonth() + 1, date.getDate(), 23, 59, 59); ' https://jsfiddle.net/65vaoqkw7/#&togetherjs=zELfaP3wpz – Vijayaraghavan

3

Ich habe Ihre Geige und Änderung verwendet es mit folgendem Code, der alle vergangenen Daten deaktiviert, funktioniert es perfekt .

Hier ist die Fiddle und CODE -

$(function() { 
      $('#datetimepicker').datetimepicker({ 
      minDate : moment() 
      }); 
     }); 
4

Sie können es wie folgt tun:

$(function() { 
     var date = new Date(); 
     var today = new Date(date.getFullYear(), date.getMonth(), date.getDate()); 

     $('#datetimepicker').datetimepicker({ 
     minDate: today 
     }); 
}); 

Eine andere Lösung:

$(function() { 


    var date = new Date(); 
    date.setDate(date.getDate()-1); 

    $('#datetimepicker').datetimepicker({ 
    startDate: date 
    }); 


}); 
+0

Er fragte nach DateTimePicker. Aber du hast auf DatePicker geantwortet – oneNiceFriend

+0

Ich habe meine Antwort bearbeitet. Danke OneNiceFriend –