1

Helleu，我想在我的日期选择器中更改某些单日的 CSS，因为它们不可用，我也想让它们不可选。所以我有一个日期不可用的数组，并在演出前调用一个函数。如果我像这样通过它：

 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; 
 }
4

1 回答 1

2

以下是 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
 }

您还可以使用您添加的类获得更具体的信息

演示：http: //jsfiddle.net/Gpm3N/

于 2013-01-21T15:20:33.683 回答