jQuery datepicker per impedire la data precedente

Question

Come disabilitare le date passate su jQuery datepicker? Ho cercato le opzioni ma non sembra trovare nulla che indichi la possibilità di disabilitare le date passate.

AGGIORNAMENTO: Grazie per la risposta rapida. Ci ho provato senza fortuna. I giorni non erano ancora in grigio come mi aspettavo e accetto ancora la data precedente selezionata.

ho provato questo:

$('#datepicker').datepicker({ minDate: '0' }); 

non funziona.

ho provato questo:

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

Ancora non funziona neanche.

Visualizza correttamente il widget del calendario. Semplicemente non oscurerà o impedirà l'input dei giorni passati. Ho tentato il minDate e il maxDate in passato senza fortuna, quindi ho pensato che non dovevano essere loro.

Answer 1

Utilizzare l'opzione minDate per impostare la data minima possibile. http://jqueryui.com/demos/datepicker/#option-minDate

Answer 2

Hai solo bisogno di specificare una data minima - impostandolo su 0 significa che la data minima è 0 giorni da oggi vale a dire oggi. È possibile passare invece la stringa '0d' (l'unità predefinita è giorni).

$(function() { 
    $('#date').datepicker({ minDate: 0 }); 
}); 

Answer 3

Provare a impostare startDate alla data corrente. Per esempio:

$('.date-pick').datePicker({startDate:'01/01/1996'}); 

Answer 4

Prova questa:

$("#datepicker").datepicker({ minDate: 0 }); 

Rimuovere le citazioni da 0.

Answer 5

Questo funziona:

$("#datepicker").datepicker({ minDate: +0 }); 

Answer 6

Sto usando seguente codice per formattare data e mostrare 2 mesi in calendario ...

<script> 
$(function() { 

    var dates = $("#from, #to").datepicker({ 

     showOn: "button", 
     buttonImage: "imgs/calendar-month.png", 
     buttonImageOnly: true,       
     defaultDate: "+1w", 
     changeMonth: true, 
     numberOfMonths: 2, 

     onSelect: function(selectedDate) { 




      $(".selector").datepicker({ defaultDate: +7 }); 
      var option = this.id == "from" ? "minDate" : "maxDate", 


       instance = $(this).data("datepicker"), 
       date = $.datepicker.parseDate(
        instance.settings.dateFormat || 
        $.datepicker._defaults.dateFormat, 
        selectedDate, instance.settings); 

      dates.not(this).datepicker("option", "dateFormat", 'yy-mm-dd'); 


     } 
    }); 
}); 

</script> 

Il problema è che non sono sicuro di come limitare date precedenti selezione.

Answer 7

Rimuovere le virgolette che circondano 0 e funzionerà.

lavoro Snippet di codice:

// set minDate to 0 for today's date 
 
$('#datepicker').datepicker({ minDate: 0 });

body { 
 
    font-size: 12px; /* just so that it doesn't default to 16px (which is kinda huge) */ 
 
}

<!-- load jQuery and jQuery UI --> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script> 
 

 
<!-- load jQuery UI CSS theme --> 
 
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css"> 
 

 
<!-- the datepicker input --> 
 
<input type='text' id='datepicker' placeholder='Select date' />

Answer 8

assicuratevi di mettere più proprietà nella stessa linea (dal momento che ha mostrato solo 1 riga di codice, si può avere avuto lo stesso problema L'ho fatto).

Il mio imposta la data predefinita, ma non ha disattivato le vecchie date.Questo non funziona:

$('#date_end').datepicker({ defaultDate: +31 }) 
$('#date_end').datepicker({ minDate: 1 }) 

Questo fa entrambe le cose:

$('#date_end').datepicker({ defaultDate: +31, minDate: 1 }) 

1 e +1 lavoro lo stesso (o 0 e 0 nel tuo caso).

Me: Windows 7 x64, Rails 3.2.3, Ruby 1.9.3

Answer 9

Se avete a che fare con una selezione data in precedenza legato quindi impostando

$("#datepicker").datepicker({ minDate: 0 }); 

non funzionerà. Questa sintassi è applicabile solo quando si crea il widget.

per impostare la data min per una selezione data limite utilizzare il seguente:

$("#datePicker").datepicker("option", "minDate", 0); 

Answer 10

var givenStartDate = $('#startDate').val(); 
     alert('START DATE'+givenStartDate); 
     var givenEndDate = $('#endDate').val(); 
     alert('END DATE'+givenEndDate); 
     var date = new Date(); 
     var month = date.getMonth()+1; 
     var day = date.getDate(); 
     var currentDate = date.getFullYear() + '-' + 
      (month<10 ? '0' : '') + month + '-' + 
      (day<10 ? '0' : '') + day; 
     if(givenStartDate < currentDate || givenEndDate < currentDate) 
     { 
     $("#updateButton").attr("disabled","disabled"); 
     } 
     if(givenStartDate < currentDate && givenEndDate > currentDate) 
      { 
      $("#updateButton").attr("enabled","enabled"); 
      } 
     if(givenStartDate > currentDate || givenEndDate > currentDate) { 
     $("#updateButton").attr("enabled","enabled"); 
     } 

Prova questa. Se qualche errore, per favore correggimi :) Grazie a tutti.

Answer 11

Dare zero alla mente e disattenderà le date passate.

$("#datepicker").datepicker({ minDate: 0}); 

Live example

read more here

Answer 12

// futuro disabilitare risale risale

$('#datetimepicker1').datetimepicker({ 
      format: 'DD-MM-YYYY', 
      maxDate: new Date 
     }); 

// passato disabilitare

$('#datetimepicker2').datetimepicker({ 
     format: 'DD-MM-YYYY', 
     minDate: new Date 
    }); 

Answer 13

$("#datePicker").datePicker({startDate: new Date() });. Questo funziona per me

Answer 14

ho usato l'attributo min: min="' + (new Date()).toISOString().substring(0,10) + '"

Ecco il mio codice e ha funzionato.

<input type="date" min="' + (new Date()).toISOString().substring(0,10) + '" id="' + invdateId + '" value="' + d.Invoice.Invoice_Date__c + '"/>