15

Impossibile disattivare le date passate in datetimepicker bootstrapCome disabilitare le date passate di oggi 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(); 
}); 

Ho anche usato startDate atrribute.But inutile.

Fiddle here

risposta

26

startDate uso opzione bootstrap-datepicker stessa opzione non menzionato in qualsiasi parte bootstrap-datetimepicker/Options/ doc ha minDate opzione per quella

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

FIddle

+0

scegliere un momento drill-down è disattivato. Come risolvere questo? controlla l'esempio di violino che hai indicato sopra. – Vijayaraghavan

+0

combinazione di data precedente è disattivato, è possibile scegliere l'ora di data futura –

+0

Ieri, ho risolto il problema. il punto è nuovo. Date() renderà l'attuale HH: mm tt come tempo di saldatura. invece dovremmo puntare le ore direttamente come '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); ' https://jsfiddle.net/65vaoqkw/7/#&togetherjs=zELfaP3wpz – Vijayaraghavan

3

Ho usato il vostro violino e il cambiamento con il seguente codice che disabilita tutte le date passate, funziona perfettamente .

Ecco l'Fiddle e CODE -

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

si può fare in questo modo:

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

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

Un'altra soluzione:

$(function() { 


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

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


}); 
+0

Ha chiesto informazioni su DateTimePicker. Ma hai risposto per DatePicker – oneNiceFriend

+0

Ho modificato la mia risposta. Grazie oneNiceFriend –