The following example is part II (see part I) of a series and was written to answer this support request.
$(function() { $('#monthsList li').each( function() { $this = $(this); var d = Date.fromString('01/' + $this.html()); var startDate = d.asString(); d.setMonth(d.getMonth() + 1); d.addDays(-1); var endDate = d.asString(); $this .datePicker( { createButton:false, startDate: startDate, endDate: endDate } ) .bind( 'click', function() { $(this).dpDisplay(); this.blur(); return false; } ) .bind( 'dateSelected', function(e, selectedDate, $td) { Date.format = 'yyyymmdd'; // alert the URL alert('http://www.myURL.com/section/' + selectedDate.asString()); // reassign the date format back to how you want it. Date.format = 'dd/mm/yyyy'; } ); } ) });
/* Make it so that dates from other months don't show up */ td.other-month { visibility: hidden; }