.addClass in jquery datepicker не работает

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

Нет необходимости beforeShow, если вы используете это CSS.

Answer 2

Необходимо изменить ваш css для отключенной даты.

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

JS Fiddle