设计 jQuery UI 日期选择器日历的日栏样式

Question

如何为 jQuery UI 日期选择器日历的日期栏提供颜色背景？用我自己的自定义CSS？或者使用主题滚轮？有人这样做过吗？

Answer 1

这是表头 ui-datepicker 的样子：

<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>

Answer 2

虽然没有与之关联的类，但您可以使用选择器 table.ui-datepicker-calendar thead tr:first-child 来完成工作。

这是一个 fiddle 作为示例。