如何修改jQuery DatePicker的禁用日期的样式?

时间:2010-06-10 17:03:18

标签: jquery datepicker uidatepicker jquery-ui-datepicker

鉴于此页面: http://jqueryui.com/demos/datepicker/#min-max

查看其来源: http://jqueryui.com/themeroller/css/parseTheme.css.php

我可以更改以下行(使用Chrome的检查元素功能)并查看反映的更改:

.ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }

但是,如果我试图用...之类的东西覆盖我自己的测试页面。

.ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .99 !important; filter:Alpha(Opacity=99) !important; background-image: none !important; color:Red !important; }

...我没有看到我的更改反映在日历中。

我可以在自己的测试页面中进行其他更改,这些更改会反映在datepicker中的其他类中。所以,我对.js或.css文件没有任何路径问题。

我在这里缺少什么?

UPDATE /溶液

Firebug救援......这照顾了我的造型需求:

.ui-datepicker-week-end {color:#c0c0c0!important;}
div #ui-datepicker-div.ui-datepicker {color:#c0c0c0;} div #ui-datepicker-div.ui-datepicker:hover {cursor:default!important;}
.ui-datepicker-calendar th {color:#222222!important;}

1 个答案:

答案 0 :(得分:0)

Firebug救援......这照顾了我的造型需求:

.ui-datepicker-week-end {color:#c0c0c0!important;} div #ui-datepicker-div.ui-datepicker {color:#c0c​​0c0;} div #ui-datepicker-div.ui-datepicker:hover {cursor:default!important;} .ui-datepicker-calendar th {color:#222222!important;}