Datepicker BeforeShowDay CSS内容样式问题

时间:2009-10-08 16:59:35

标签: jquery-ui datepicker

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

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

使用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' +

有关如何做到这一点的任何线索?

提前致谢。

曼努埃尔.-

1 个答案:

答案 0 :(得分:1)

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