Add clickable events on particular dates in jQuery UI Datepicker.
Copied from: http://stackoverflow.com/questions/5578259/jquery-ui-datepicker-how-to-add-clickable-events-on-particular-dates There are a couple of steps you'll have to take: Initialize the datepicker in-line. Attach the datepicker widget to a <div> so that it will always appear and you won't have to attach it to an input : $ ( "div" ). datepicker ({...}); Tap into the beforeShowDay event to highlight dates with specific events. Also, define your events in an array that you can populate and send down to the client: Events array: var events = [ { Title : "Five K for charity" , Date : new Date ( "02/13/2011" ) }, { Title : "Dinner" , Date : new Date ( "02/25/2011" ) }, { Title : "Meeting with manager" , Date : new Date ( "03/01/2011" ) } ]; Event handler: beforeShowDay : function ( date ) { var result = [ true , '' , null ]; ...