Highlight select date ranges
I'm try to high light a select date ranges by using the beforeShowDay
callback.
Here is my code:
$(function() {
$("#staticCalendar").datepicker({
beforeShowDay: function(date) {
var curDay = date.getTime();
if (1258268400000 <= curDay && 1258873199999 >= curDay) {
return new Array(true, "ui-state-active", date.getTime());
}
return new Array(true, "", date.getTime());
}
});
$.datepicker.setDefaults({showOtherMonths: true, dateFormat: 'mm/dd/
yy', changeMonth: true, changeYear: true});
In this case, the date range (Nov 15, 2009 to Nov 21, 2009 MST) only
has the border definition from the ui-state-active class, but not the
back ground.
Any help in getting all of the day highlight with the active
background class would be greatly appreciated.
Thanks,
Tanveer
--