Abilitare e Disabilitare datepicker da select box

[fabiodj]

Gentili colleghi

Ho bisogno di un aiutino tecnico con javascript o jquery....

Sto creando un sistema di preventivo online per un hotel / residence quindi con la doppia formula.
La mia esigenza sarebbe al momento in cui viene caricata la pagina avere il datepicker disabilitato ed al momento in cui seleziono la formula abilitare lo stesso.
In giro non ho trovato nulla che mi aiuti a capire come fare questo ....
Posto codice

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 tipologia ='residence';
$(function() {
$('#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() );
}}});})

Il form invece è

<form name = "calendario" method="POST"  action="preventivo.asp">
<select class=filtertype name=tipologia><option value="0">Seleziona</option><option value="residence" selected>Residence</option><option value="Hotel">Hotel</option></select>
From: <input type="text" name="from"  id="from" class="datepicker">
To: <input type="text" name="to"  id="to" class="datepicker">
Pax: <input type="text" name="pax"></form>