jQuery Datepicker onSelect addClass

Question

Есть ли способ добавить класс с addClass jQuery к элементу привязки для даты в DatePicker?

Например, каждый раз, когда дата щелкается на встроенном экземпляре DatePicker, я хочу, чтобы границабыть красным (этот экземпляр средства выбора даты не назначен элементу ввода).Если щелкнуть снова после этого, цвет может вернуться к прозрачному (или какому-либо оригинальному цвету). Я попытался использовать onSelect, но не было никакого способа получить конкретную привязку для даты;поэтому я попытался

$('td a.ui-state-default').live( 'click', function () {}) 

, когда я использовал hasClass, addClass и removeClass для достижения желаемого эффекта, у элемента, очевидно, был класс - но он был бы либо отменен / перезаписан, либо просто не связывал бы правильный стильправила.Любые предложения о том, как заставить этот эффект работать?

Answer 1

Вы можете сделать это с прямым CSS.

table.ui-datepicker-calendar a.ui-state-default.ui-state-active {
    border: 2px solid red;
}

Демо: http://jsfiddle.net/mattball/N7wpE/

Answer 2

JS

$('.ui-state-default').click(function(){
    if($(this).hasClass('red')){
        $(this).removeClass('red');
    }else{
        $(this).addClass('red');
    }
});

CSS

.red { border: 1px solid #f00; }