The following example displays basic use of the datePicker command. A datePicker is created associated with our link elements. When the links are clicked we call the $().dpDisplay function to make a calendar pop up. When a date is selected on the calendar our custom "dateSelected" function is fired and we have a function bound to listen to it and alert the selected date.
NOTE: You will need firebug to see the results of the demo - firebug lite is included in this page so whatever browser you are in just press F12 to open up the firebug console.
Click here to see a date picker pop up next to that link. You can also click here to see a different date picker pop up.
$(function() { $('.date-pick') .datePicker({createButton:false}) .bind( 'click', function() { $(this).dpDisplay(); this.blur(); return false; } ) .bind( 'dateSelected', function(e, selectedDate, $td) { console.log('You selected ' + selectedDate); } ); });