jquery 日期选择器中的 .addClass 不工作

Question

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

但是当我尝试添加自定义 class 时，class 从未添加到禁用日期。

无论如何，这是我的代码：

<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

jquery 日期选择器中的 .addClass 不工作

.addClass in jquery datepicker not working

jquery

datepicker