jQuery Timepicker Question

jQuery Timepicker Question

I am trying to get the Trent Richardson Timepicker up and running. For the most part it is up and running, but I've one problem.

My datetime input is set up as follows:

  1.     $("#startDate").datetimepicker({
  2.     showSecond: false,
  3.     timeFormat: 'hh:mm:tt',
  4.     hourGrid: 4,
  5.     minuteGrid: 15,
  6.     stepHour: 1,
  7.     stepMinute: 15,
  8.     hourMin: 8,
  9.     hourMax: 20
  10.     });
That works great, the control is working. I can select a date from a calendar and use hour and minute sliders to choose the time.

Now for the problem - following is my listener function:
  1.     $("#startDate").change(function(){
  2.         var startDate = $(this).val();
  3.         console.log("Inside start Date Change: " + startDate);
  4.     });
Because I'm using sliders to select times, the console log returns multiple date/times. An example follows:

  1. [20:45:53.615] Inside start Date Change: 02/19/2013 08:00:am
  2. [20:45:57.070] Inside start Date Change: 02/19/2013 09:00:am
  3. [20:45:57.114] Inside start Date Change: 02/19/2013 10:00:am
  4. [20:45:57.157] Inside start Date Change: 02/19/2013 11:00:am
  5. [20:45:57.280] Inside start Date Change: 02/19/2013 12:00:pm
  6. [20:45:57.642] Inside start Date Change: 02/19/2013 01:00:pm
  7. [20:45:59.515] Inside start Date Change: 02/19/2013 01:15:pm
  8. [20:46:00.141] Inside start Date Change: 02/19/2013 01:30:pm
Since every action with the sliders are a "change", the .change event is returning multiple date/time results instead of the final selection.

Does anyone have any idea what event I can use to only grab the final selection? the .click() event does not work either.

If there is no other jQuery event that can be used in this situation, how do I only grab the last date/time return?

Thanks in Advance - Pavilion