Datepicker BeforeShowDay CSS 内容样式问题答案

【问题标题】：Datepicker BeforeShowDay CSS problem with content stylingDatepicker BeforeShowDay CSS 内容样式问题
【发布时间】：2009-10-08 16:59:34
【问题描述】：

我想我不是唯一遇到这个问题的人。

每当我尝试将 BeforeShowDay 应用到新的 CSS 类时，“特殊日期”的内容都不会被修改。我尝试更改默认主题，添加一个新类，但这仅影响外部边框而不影响内部内容。

使用Firebug我发现打印出来的html代码如下：

<td class=" ui-state-content ui-state-anulados" onclick="DP_jQuery.datepicker._selectDay('#datepicker',9,2009, this);return false;" title="Paddle">
<a class="ui-state-default" href="#">16</a>
</td>

所以，我的课程将是 ui-state-content ui-state-anulados 但我注意到 ui-state-default 课程正在自动应用，我怀疑这可能是问题所在。

我真的不知道如何解决这个问题。我一直在查看 ui.datepicker.js 代码，我想我找到了给我这个问题的行。它是第 1394 行，代码如下。

(ui.datepicker.js) (unselectable ? '<span class="ui-state-default">' + printDate.getDate() + '</span>' : '<a class="ui-state-default' +

关于如何做到这一点的任何线索？

提前致谢。

Manuel.-

【问题讨论】：

标签： jquery-ui datepicker

【解决方案1】：

如果其他人发现这个问题，那么答案是here。不是一个非常明显的解决方案，但当您查看 Firebug 中的 CSS 时，它是合乎逻辑的。您必须使用 !important 以便您的选择器比 jQuery ui CSS 选择器更具体。

【讨论】：