How do I set the background of a day in the datepicker?

[Elijah]

I need to use the datepicker with color coded days to reflect information is present for that day. Can someone point me to an example anywhere so I can see how to do this?

I need to I am assuming to properly display the datePicker I must
1. Have my data from an AJAX with information on days that have information.
2. Prior to rendering of the datePicker tell it what days to shade in a different color

#1 I have its #2 that I don't know what to do yet.
How do I tell the datePicker to highlight lets say days of the month 5, 6, 13?
How do I tell it to make those days have a background color of blue?
Can I disable clicking on the other days that I do not have a background color on?

[Elijah]

still trying to get this working.

[Elijah]

anyone?

[Elijah]

anyone?

[Animal]

Have you been in suspended animation? What steps have you taken to TRY to work this?

I'd play with DomQuery on the Firebug command line for a minute or so...

Ext.get("my-datepicker-id").child("td.x-date-active:contains(5)").dom

Gets the 5th.

[Animal]

But http://www.sencha.com/deploy/dev/doc...=disabledDates

And http://www.sencha.com/deploy/dev/doc...r=disabledDays

And that sets a class, and you can write CSS.

[jlawton]

It actually gets the 5th, 15th, and 25th. But you're pointing in the right direction. Thanks!

[jlawton]

I got it to work with code like this. It's messy, but it'll do for now.

Ext.get(Ext.get('mydatepicker').query('td.x-datepicker-active[title*="15,"]')[0].id).addCls("mynewclass")

[wm003]

Try DatePickerPlus. It has support for custom css on any days you like.

[jlawton]

DatePickerPlus is overkill, and I don't want too many 3rd party things in my codebase. I got it to work, I should post what I did here so others might find it useful.