突出显示周开始Javascript / JQuery UI datepicker

Question

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

从上图可以看出周选择器有效。但是我希望datepicker突出显示当前周。在这个例子中应该突出显示整周的开始。我希望看起来像这样或类似的

这是怎么做到的？

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

Answer 1

所选的TD具有类ui-datepicker-current-day，因此您可能希望找到它。您可以通过附加带有datepicker元素的click事件来进行突出显示，例如

$( "#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/

Answer 2

日期选择器中的每一行日期都是<tr>。包含今天日期的<td>元素包含班级ui-datepicker-today 因此，您可以搜索此元素的父元素以获取相应的tr并指定您想要的任何类：
$(".ui-datepicker-today").parent().addClass(...)