0

How to give color background to the day bar of jQuery UI date-picker calendar? with my own custom css? or using the theme roller? has anyone done this?

tutankhamun
  • 880
  • 2
  • 11
  • 21
Anju Thapa
  • 257
  • 6
  • 17
  • 32

2 Answers2

0

This is how the table header ui-datepicker looks like:

<thead>
<tr>
<th class="ui-datepicker-week-end"><span title="Sunday">Su</span></th><th><span title="Monday">Mo</span></th><th><span title="Tuesday">Tu</span></th><th><span title="Wednesday">We</span></th><th><span title="Thursday">Th</span></th><th><span title="Friday">Fr</span></th><th class="ui-datepicker-week-end"><span title="Saturday">Sa</span></th>
</tr>
</thead>
Spikey21
  • 431
  • 2
  • 8
  • I wanted to know if there is a specific class name for the day bar [sun mon tue wed thu fri sat] : is this just a table row? – Anju Thapa Dec 20 '11 at 19:35
  • There is not a specific class name given with it. It is the first table row in the table head. – Spikey21 Dec 20 '11 at 19:39
0

While there isn't a class associated with it, you can use the selector table.ui-datepicker-calendar thead tr:first-child which should get the job done.

Here's a fiddle as an example.

Jesse
  • 4,814
  • 1
  • 18
  • 9