How to do $.getJSON when datepicker changes value?

How to do $.getJSON when datepicker changes value?

Hi

I am trying to send a ajax request to set cookies and once the cookies are set then reload the page.

I need this request to be automatically sent as soon as the user select a date from the datepicker.

I have tried the following code but it does not work.

thanks for your help :)

  1. <script>
  2. $(function() {
  4. $( '#scheduledOn' ).datepicker({
  5. showOn: "button",
  6. buttonImage: "images/calendar.gif",
  7. buttonImageOnly: true,
  8. changeMonth: true,
  9. changeYear: true,
  10. onSelect: function() { 
  12. $.getJSON("ajax/cookies_handler.php", {
  13. date: $(this).val(),
  14. action : 'ScheduledOn'
  15. },function (data) {
  17. console.log(data);
  19. if(data == 'Ok'){
  21. var delay = 500;
  22. var URL = "index.php";

  24. setTimeout(function(){ window.location = URL; }, delay);
  25. }
  27. }
  29. );
  31. }
  32. });

  39. });
  43. </script>