jquery datepicker中的.addClass不起作用

Question

我想在jQuery datepicker中为已禁用的未来日期添加自定义颜色。

但是当我尝试添加自定义类时，该类永远不会添加到禁用日期。

以下是我的代码：

<input type="text" id="picker"/>

$(function(){
    $("#picker").datepicker({
        maxDate: 0,
        beforeShow: function(input, inst){
            $('.ui-datepicker-calendar > tbody > tr > td:has(span)').each(function (index) {
                        console.log($(this).closest("td"));

                        $(this).closest("td").addClass("red");
                    });
        }
    });
});

JSFIDDLE

Answer 1

将此CSS添加到您的代码中：

td.ui-datepicker-unselectable.ui-state-disabled span{
    background: red;
}

Updated jsFiddle

如果您使用此CSS，则无需beforeShow。

Answer 2

您需要更改已停用日期的CSS。

.ui-datepicker-calendar td.ui-state-disabled span{
     color: red;
}

<强> JS Fiddle