Jquery datepicker在ShowDay之前更改CSS

Jquery datepicker在ShowDay之前更改CSS,jquery,datepicker,Jquery,Datepicker,你好, 我想在我的日期选择器中更改某一天的CSS,因为它们不可用,我还想使它们不可选择。因此,我有一个日期不可用的数组,并在beforeshowday调用函数。如果我这样通过: return [true,"test"]; 它是可选择的,并将课堂测试应用于当天。背景颜色已更改,但边框仍保持正常一天的颜色!我还想在其他颜色的边界,如果可能的话,也希望它不是可选的。如果我返回false,则不会应用该类 function highlightDays(date) { var times

你好, 我想在我的日期选择器中更改某一天的CSS,因为它们不可用,我还想使它们不可选择。因此,我有一个日期不可用的数组,并在beforeshowday调用函数。如果我这样通过:

 return [true,"test"];
它是可选择的,并将课堂测试应用于当天。背景颜色已更改,但边框仍保持正常一天的颜色!我还想在其他颜色的边界,如果可能的话,也希望它不是可选的。如果我返回false,则不会应用该类

function highlightDays(date) {
        var timestamp = new Date(Date.UTC(date.getFullYear(),date.getMonth(),date.getDate()));
        var timestamp = timestamp/1000;
        if ($.inArray(timestamp, prijzen) != -1) {
                return [true,"test"];
        }
    return [true, ''];
}
CSS:


以下是datepicker为不可选择的日期生成的html,其中eaxtra类
bad
添加在
beforeShowDay

<td class=" ui-datepicker-unselectable ui-state-disabled bad"><span class="ui-state-default">2</span></td>
您还可以使用添加的类获得更具体的信息


演示:

可以为true或false添加类。您的css规则要么不够具体,要么没有为正确的元素设置。检查浏览器控制台中的元素,并查看应用了哪些规则以及规则的顺序。在jsfiddel.net中创建一个演示,展示什么是有效的,什么是无效的。还应该在问题中发布您的代码CSS不够具体,没有
谢谢,我领先了几步,因为所有返回false都变为红色,包括边框。但是,默认不可用的日期(当前日期之前)也是红色的。如何仅在数组中的日期变为红色?使用您的类将css规则更改为更具体,然后可能(很大)缺乏mu知识,但如何做到这一点?尝试
.ui-datepicker-unselectable.CLASSYOUADD span.ui状态默认值{color:red;border color:#ffffff}
<td class=" ui-datepicker-unselectable ui-state-disabled bad"><span class="ui-state-default">2</span></td>