Datepicker caching the first value always

Datepicker caching the first value always

Hi,

I have a field package type: which can have either weekend or fullday. Based on the selection of this field value, I would like to make a specific date enable, and rest all I want to set as disable. And I wrote the below function inside one of my Rails app as initial script to test if I can access the value of the package_type field inside the date picker function. But I found that datepicker always caching the first value.. 

  
    
   
  1. $(function() {
    2. 
   
  2.  $(document).on('change', '#booking_package_type', function() {
    3. 
   
  3.  var bol = $.inArray( $(this).val(), [ "weekend", "full_week", "midweek", "" ] );
    4. 
   
  4.  var pkg_type = $(this).val();
    5. 
   

    6. 
   
  6.  if ( bol == -1 ) {
    7. 
   
  7.  $( "#booking_end_date" ).prop( "disabled", false );
    8. 
   
  8.  }
    9. 
   
  9.  else {
    10. 
   
  10.  $( "#booking_end_date" ).prop( "disabled", true );
    11. 
   
  11.  }
    12. 
   

    13. 
   
  13.  console.log(pkg_type);
    14. 
   
  14.  $('#booking_start_date').datepicker({
    15. 
   
  15.  beforeShowDay: function (date) {
    16. 
   
  16.  console.log(pkg_type);
    17. 
   
  17.  if (date.getDate() == 1) {
    18. 
   
  18.  return [true, ''];
    19. 
   
  19.  }
    20. 
   
  20.  return [false, ''];
    21. 
   
  21.  }
    22. 
   
  22.  });
    23. 
   
  23.  });
    24. 
   
  24. });
    25. 
  
  

   

  

  

   Now for each package selection I am getting the output as :
  

  

   

  

  

   
    

     weekend

    

    

     35weekend

    

    

     midweek

    

    

     35weekend
    

    

     

    

    

     Where am I doing wrong ?