javascript - 突出显示一周的开始 Javascript/JQuery UI 日期选择器

Question

我有日期选择器，它功能齐全。

从上图中可以看出周选择器起作用了。但是我希望日期选择器突出显示本周。在这个例子中应该突出整个一周的开始。我希望它看起来像这样或类似的

这是怎么做到的？

已编辑理想情况下，当页面加载时，我希望突出显示当前周，而不是用户必须自己选择周。在提供的示例中，当前选择了日期，但我希望自动选择当前周。如下图

Answer 1

所选的 TD 具有类 ui-datepicker-current-day，所以这可能就是您想要查找的内容。您可以通过将点击事件附加到日期选择器元素来突出显示，例如

$( "#datepicker" ).datepicker().click(function(event) {
    // highlight the TR
    $(".ui-datepicker-current-day").parent().addClass('highlight');

    // highlight the TD > A
    $(".ui-datepicker-current-day").siblings().find('a').addClass('highlight2');
}); 

您可以根据自己的喜好定义highlight 和highlight2 类。

请注意，onSelect 事件不起作用，因为每次单击日期时日历都会刷新。

这是一个例子:http://jsfiddle.net/9DdfL/2/