Salve ho cercato discussioni simili prima di scrivere ma non ho trovato la risposta che cercavo, quindi eventualmente mi scuso per il doppio post.
Il mio problema è questo: nella pagina del mio sito devo inserire due datepicker collegati l'uno all'altro per far si che gli utenti possano selezionare la data di arrivo e la data di partenza. Fin qui diciamo che le cose andavano bene, ho messo nel codice tutto per come si deve e va. Il mio problema è che intanto vorrei che i calendari si vedano fissi nella pagina e non col menu a tendina e che continuino ad essere collegati l'uno all'altro. Se li metto a tendina sono collegati quando li metto fissi no. Poi un altra cosa che mi affligge è che il primo datepicker rende selezionabili anche i giorni antecedenti ad oggi. Come si fa a non renderli selezionabili??
Grazie in anticipo a chiunque mi risponde..
Qui metto il codice usato:
codice HTML:
<label>Data Da:</label>
<div id="datepeaker">
<input name="data_da" id="data_da" type="text" value="" />
</div>
<label>Data A:</label>
<div id="datepicker">
<input name="data_a" id="data_a" type="text" value="" />
</div>
<script>
//Questa funzione prende il valore del primo datepeaker e in base a quello
//elabora il secondo datepeaker.
jQuery(function() {
jQuery( "#data_da" ).datepicker({
defaultDate: "+d",
changeMonth: true,
numberOfMonths: 1,
onClose: function( selectedDate ) {
jQuery( "#data_a" ).datepicker( "option", "minDate", selectedDate );
}
});
jQuery( "#data_a" ).datepicker({
defaultDate: "+d",
changeMonth: true,
numberOfMonths: 1,
onClose: function( selectedDate ) {
jQuery( "#data_da" ).datepicker( "option", "maxDate", selectedDate );
}
});
});
</script>