Question

HELLEU，我想在我的datepicker中更改一些单日的CSS，因为它们不可用，我也想让它们不可选。所以我有一个日期不可用的数组，并在showshowday之前调用函数。如果我这样传递：

 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：

 td.test a { 
background: red !important; 
 }

Answer 1

以下是由datepicker生成的html，用于bad

中添加了eaxtra类beforeShowDay的无法选择的日期

<td class=" ui-datepicker-unselectable ui-state-disabled bad"><span class="ui-state-default">2</span></td>

您可以使用datepicker类更改css，如下所示：

.ui-datepicker-unselectable.ui-state-disabled span.ui-state-default{
       color:red; border-color:#ffffff
 }

您还可以使用添加的类

获得更具体的信息

DEMO：http://jsfiddle.net/Gpm3N/

Jquery datepicker在showshowday之前更改CSS

1 个答案: