UD DatePicker не работает, как ожидалось, при нажатии

Question

У меня есть следующий кусок, если код:

$(".ui-datepicker-calendar tbody tr").live('click', function(){
    $(".ui-datepicker-calendar tbody tr:nth-child(" + ($(this).index() + 1) + ")").css("border", "1px solid Green");
});

но когда я нажимаю на дату, зеленое поле не отображается. Однако при загрузке страницы зеленое поле отображается так, как ожидается.

Что не так?

Answer 1

Вы можете сделать это немного по-другому, возможно, более эффективно. Вы можете прикрепить событие click к датчику и найти выбранный день, ища TD с классом .ui-datepicker-current-day. Еще одна вещь, попробуйте избежать редактирования CSS напрямую; используйте вместо этого классы.

$('.week-picker').datepicker().click(function(event) {
    $(".ui-datepicker-current-day").parent().addClass('highlight');
});

Смотрите это в действии: http://jsfiddle.net/william/YQ2Zw/22/.

---

Обновление

Если вы также хотите, чтобы выбранная дата не выделялась, вы можете удалить класс .ui-state-active из элемента привязки. Э.Г.

$('.week-picker').datepicker().click(function(event) {
    $(".ui-datepicker-current-day").parent().addClass('highlight');
    $(".ui-datepicker-current-day a").removeClass('ui-state-active');
});

Смотрите это в действии: http://jsfiddle.net/william/YQ2Zw/24/.