Question

Basically I’m using datepicker from jQuery to have my client pick a date. I then want to take that date (once they select it) and process it through the DB to pre-fill a timepicker.

Problem is, I don’t know how to take the value of that input box and process it without actually having to submit a form. I want to deal with the value once they choose.

Here is my datepicker code:


$(function() {
$( "#datepicker" )
.datepicker({ minDate: '+1' });
});

I guess I would somehow have to add an onblur event, but I’m not sure what the best way to go about doing this is.

Answer 1

To actually have the server process the value of the date picker without submitting a form you would have to pass that value to the server via AJAX.

$('.datepicker').datepicker({
   onSelect: function(dateText, inst) { 
       $.ajax({
          url: "yourscript.php",
          type: "POST",
          data: ({date : dateText}),
          success: function(data){
             alert(data); 
          }
       }); 
   }
});