minDate and other defaults not taking effect

minDate and other defaults not taking effect

Hi, I have the following code which initialises datepicker and calculates days between dates. When I add defaults for minDate and the calendar, no matter where I add the code, nothing changes.
 
Defaults
  1. $('#from').datepicker({numberOfMonths: 2, firstDay: 1, dateFormat: 'DD dd-mm-yy', minDate: '0', maxDate: '+2Y', onSelect: function(dateStr) {
            var min = $(this).datepicker('getDate'); // Get selected date
  2.         $('#to').datepicker('option', 'minDate', min || '0');
  3.     }});
        $('#to').datepicker({numberOfMonths: 2, firstDay: 1, dateFormat: 'DD dd-mm-yy', minDate: '0', maxDate: '2Y', onSelect: function(dateStr) {
            var max = $(this).datepicker('getDate'); // Get selected date
            $('#from').datepicker('option', 'maxDate', max || '+2Y');


  4.     }});
 
Code for calculator
  1. <script type="text/javascript">
     
    var datepicked = function() {

  3.           var from = $('#from');
                    var to = $('#to');
                    var days = $('#days');
                   
                   



  4.                 var fromDate = from.datepicker('getDate')
     
                    var toDate = to.datepicker('getDate')
     
              if (toDate && fromDate) {
               var difference = 0;
                            var oneDay = 1000*60*60*24;
                            var difference = Math.ceil((toDate.getTime() - fromDate.getTime()) / oneDay); 
                           days.val(difference);
                     }
     }
            $(function() {
              
              
                    $('#from, #to').datepicker({
                            onSelect: datepicked
                    });
                   
      });    
        </script>


















Any help would be appreciated
 
Joe