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事件，并通过查找具有.ui-datepicker-current-day类的TD来查找所选日期。另一件事是，尽量避免直接编辑css;改用类。

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

请参阅此操作：http://jsfiddle.net/william/YQ2Zw/22/。

<强>更新

如果您还希望不突出显示所选日期，则可以从anchor元素中删除.ui-state-active类。 E.g。

$('.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/。

ui datepicker在点击时没有按预期工作

1 个答案: