YUI Calendar - Highlight Date

YUI Calendar

By Yahoo

Spry DataSet

By Adobe

Once you have a YUI Calendar hooked up to a Spry DataSet and have events on the calendar, you can highlight those dates. In order to do so, you must tell the calendar to highlight certain dates. This can be done so by the following:

1) Find yuicalendar1.render(); and insert the following code directly before it:

var cald = '12/25/2009';

yuicalendar1.addRenderer(cald, yuicalendar1.renderCellStyleHighlight1);

In this example, the calendar would highlight December 25, 2009.

For multiple dates:

var cald = '12/25/2009, 12/27/2009';

For ranges of dates:

var cald = '12/25/2009-12/27/2009';

For multiple dates/ranges of dates:

var cald = '12/5-12/7/2009, 12/25/2009';

Thanks to Phil_W on the Adobe Forums for this information.