2015-08-10 20 views
6

Sto usando datepicker e mi piace che le persone non siano in grado di selezionare la data e l'ora precedente al giorno presente. Ho usato "minDate: 0" per disabilitare la data passata, ma c'è un modo per disabilitare il tempo passato. Ad esempio, se l'ora corrente è 5:00, non voglio che le persone selezionino 3 o 4 del giorno stesso.Disabilitare datepicker data e ora passato

Questo è il mio codice:

var dt; 
dt = 
$('#datetimepicker3').datetimepicker({ 
    inline:true, 
    minDate: 0, 
    format:'m/d/Y H:i', 
    formatDate:'d/m/Y' 
}); 
+0

questo link: http://stackoverflow.com/questions/8356358/jquery-date-picker-disable-past-dates – madhu

+0

ciao signore hai ricevuto la risposta –

risposta

2

Dichiarare dateToday variabile e utilizzare la funzione Date() per impostarlo. Quindi utilizzare tale variabile da assegnare a minDate che è il parametro datepicker.

var dateToday = new Date(); 
$(function() { 
    $("#datetimepicker3").datepicker({ 
     numberOfMonths: 3, 
     showButtonPanel: true, 
     minDate: dateToday 
    }); 
}); 
+0

Ciao madhu, in pratica 'minDate: 0' disabilita già la data precedente. Ma non disabilita il passato. Ad esempio, se l'ora corrente è alle 5 del mattino, mi piace disabilitare anche le 4 del giorno stesso. :) – user2672112

+0

Sì, ha disabilitato la data correttamente. Come disabilitare il tempo passato? – Ilango

+0

eventuali aggiornamenti su come disabilitare il tempo passato? –

0

Si deve dichiarare il valore minDate a dateToday proprio come questo

var dt; 
dt = 
$('#datetimepicker3').datetimepicker({ 
    inline:true, 
    minDate: dateToday, 
    format:'m/d/Y H:i', 
    formatDate:'d/m/Y' 
}); 
+0

Disabilita passato TIME. Si prega di essere pertinenti. –

0

Per disabilitare il tempo passato, si dovrebbe usare minDateTime. Aggiorna il tuo codice come questo,

var dt = new Date(); 
$('#datetimepicker3').datetimepicker({ 
    inline:true, 
    minDate: 0, 
    minDateTime: dt, 
    format:'m/d/Y H:i', 
    formatDate:'d/m/Y' 
}); 
0

che dovrebbe essere simile a questo:

$(function() { 
       $('#datetimepicker3').datetimepicker({ 
        minDate: moment() 


       }); 
      }); 
1

Per disabilitare date passate è necessario definire min fino ad oggi oggi in questo modo: - verifica

$('.datepicker').pickadate({ 
     min: new Date() 
    });