如何更改jquery datepicker的单元格颜色

我有一个jquery datepicker，我需要能够更改所选单元格日期的背景颜色。 我正在尝试这样的事情：

$("#fecha").datepicker({ onSelect: function(value, date) { alert(date.css()); } }); 

希望date参数引用所选单元格，但它似乎不起作用。

有什么建议吗？

//编辑：解决方案应该让我拥有动态设置不同颜色的不同单元格，这就是我尝试使用onSelect而不是直接更改CSS的原因。

目的是使用由用户建立事件的日历。

提前致谢。

Answer 1

我认为最好的方法（假设我已经正确理解你）就是简单地覆盖css。
在您的站点样式表或html head部分中，您只需要覆盖以下css选择器

 .ui-datepicker-current-day .ui-state-active { background: #000000; } 

编辑

记住您的编辑，以下内容应该有效（假设您可以让日期选择器停止刷新）

 onSelect: function(value, date) { date.dpDiv.find('.ui-datepicker-current-day a') .css('background-color', '#000000'); } 

Answer 2

在你的css中更改类.ui-datepicker-current-day

Answer 3

在我的情况下，我需要删除活动类，所以：

 $("#datepicker").datepicker({ onSelect: function(dateText, inst) { setTimeout(function(){ inst.dpDiv.find('.ui-datepicker-current-day a').removeClass('ui-state-active'); }, 50); } }); 

Answer 4

默认情况下，datepicker遵循您的主题。 但你可以覆盖任何东西。

ui-state-active是您选择的日期的样式。 ui-state-highlight是用于标识当前日期的样式。

所以做这样的事情：

 #ui-datepicker-div .ui-state-active {color: #FFFFCC;} #ui-datepicker-div .ui-state-highlight {color: #DCDCDC;} 

您可以将此css添加到页面或调整主题本身。