2013-10-07 6 views
6

Sto usando questo bootstrap datepicker http://www.eyecon.ro/bootstrap-datepicker/:MinDate non funziona in datepicker bootstrap

<script type="text/javascript"> 
var dateToday = new Date(); 
$(function() { 
    $("#id_deadline").datepicker({minDate: dateToday}); 
}); 
</script> 

Voglio lasciare selezionare la data da oggi al futuro solo (non una data passata). Datepicker sta mostrando e mi permette di selezionare anche la data passata. Cosa c'è che non va?

+1

Si potrebbe voler controllare questo fuori http://eternicode.github.io/bootstrap-datepicker/ – jayeshkv

+0

ho finito per usare jQuery 'picker'. Ha funzionato. – pynovice

risposta

-3

provare a utilizzare startDate:

startDate: "dateToday" 
+0

Non funziona, con o senza quotazione. – pynovice

16

Provare a utilizzare in questo modo:

$("#id_deadline").datepicker({ startDate: "today" }); 

v'è alcuna necessità di un Data var per l'utilizzo dei parametri startDate.

+0

Questo non funziona per me. Qualcuno può avere una soluzione migliore –

0

seguente dovrebbe funzionare: MinDate: new Date()

1

mio codice è Bootstrap DateTimePicker (MinDate) Funzionalità correlata. Il mio codice funziona in tutti i browser come ff, chrome e, ad esempio, anche. Si prega di controllare sotto l'esempio. Lavorando per me.

$('#datetimepicker1').datetimepicker({ 
      //minDate: new Date() + 1, 
      minDate:moment(), 
      Default: true, 
      defaultDate: new Date(), 
      pickTime: false, 
      use24hours: false, 
      format: 'MM-DD', 
      icons: { 
       time: "fa fa-clock-o", 
       date: "fa fa-calendar", 
       up: "fa fa-arrow-up", 
       down: "fa fa-arrow-down" 
      }, 
      // minDate: moment(+1), 
     }); 
5

provare a utilizzare startDate con questo modo:

$("#id_deadline").datepicker({startDate: new Date()}); 

Spero che vi aiuterà a

+0

questo ha funzionato per la versione di bootstrap che sto usando e non quella minDate. – M4ver1k

0

è possibile utilizzare seguente codice di lavoro che disabilita tutto il passato date-

per DatePicker working Fiddle

$(function() { 
    //get Today's Date 
    var currDate = new Date(); 
    $('#datetimepicker').datepicker({ 
    startDate : currDate 
    }); 
}); 

e per DateTimePicker questo dovrebbe funzionare (Fiddle) -

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

La tua soluzione è per datetimepicker, OP lo voleva per datepicker. In ogni caso, la soluzione è corretta per datetepeper. – ni8mr

4

Dal momento che nessuna delle risposte ha lavorato per me. Sono riuscito a disattivare alle date più anziani utilizzando onRender opzione

$('.datepicker').datepicker({ 
      onRender: function(date) { 
      return date.valueOf() < new Date().valueOf() ? 'disabled' : ''; 
     } 
    });