Andrea ho fatto una modifica e parzialmente funziona.
Solo che ora non mi prende le variabili, il calendario mi compare quando clicco sul campo input mentre invece dovrebbe comparirmi l'immagine accanto e quando seleziono nella select la voce principale non disabilita il datepicker nonostante io ho detto allo script di fare destroy
Mi sapresti suggerire aiuto....
[code]
<script>
$(document).ready(function() {
$("#tipologia").change(function() {
if ($(this).val() == "Hotel" || $(this).val() == "Residence") {
$("#from").datepicker();
$("#to").datepicker();
}
else {
$("#tipologia").datepicker("destroy");
}
}).change();
});
</script>
<script>
var arr_giorni_da_escludere1 = [];
var arr_giorni_da_escludere = ["Domenica","Lunedì","Martedì","Mercoledì","Giovedì ","Venerdì"];
var arr_giorni_settimana = ["Domenica","Lunedì","Martedì","Mercoledì","Giovedì ","Venerdì","Sabato"];
var index = document.calendario.tipologia.selectedIndex;
tipologia = document.calendario.tipologia.options[index].value;
$.datepicker() {
$('#from').datepicker({ dateFormat: "dd/mm/yy" ,
minDate: new Date(),
defaultDate: '+1w',
changeMonth: true,
numberOfMonths: 1,
showOn: "button",
buttonImage: "http://jqueryui.com/resources/demos/datepicker/images/calendar.gif",
buttonImageOnly: true,
buttonText: "Select date",
beforeShowDay: function(date)
{if(tipologia=="residence")
return [$.inArray(arr_giorni_settimana[date.getDay()],arr_giorni_da_escludere) == -1,""];
else
return [$.inArray(arr_giorni_settimana[date.getDay()],arr_giorni_da_escludere1) == -1,""];},
onSelect: function(selectedDate)
{ var date = $(this).datepicker('getDate');
if ((date= $(this).datepicker('getDate')) && (tipologia=="residence"))
{ $('#to').val(''+(date.getDate()+7)+'/'+(date.getMonth()+1)+'/'+date.getFullYear());
$('#to').datepicker('option' , "minDate", $('#to').val() ); }
else
{ date.setDate(date.getDate() + 1);
$('#to').val(''+(date.getDate())+'/'+(date.getMonth()+1)+'/'+date.getFullYear());
$('#to').datepicker('option' , "minDate", $('#to').val() );
}}});
$('#to').datepicker(
{ dateFormat: "dd/mm/yy" ,
minDate: new Date(),
defaultDate: '+1w',
changeMonth: true,
numberOfMonths: 1,
showOn: "button",
buttonImage: "http://jqueryui.com/resources/demos/datepicker/images/calendar.gif",
buttonImageOnly: true,
buttonText: "Select date",
beforeShowDay: function(date)
{if(tipologia=="residence")
return [$.inArray(arr_giorni_settimana[date.getDay()],arr_giorni_da_escludere) == -1,""];
else
return [$.inArray(arr_giorni_settimana[date.getDay()],arr_giorni_da_escludere1) == -1,""];},
onSelect: function(selectedDate)
{ var date = $(this).datepicker('getDate');
if ((date= $(this).datepicker('getDate')) && (tipologia=="residence"))
{ $('#from').val(''+(date.getDate()-7)+'/'+(date.getMonth()+1)+'/'+date.getFullYear());
$('#from').datepicker('option' , "minDate", $('#from').val() ); }
else
{ date.setDate(date.getDate() - 1);
$('#from').val(''+(date.getDate())+'/'+(date.getMonth()+1)+'/'+date.getFullYear());
$('#from').datepicker('option' , "minDate", $('#from').val() );
}}});
}</script>