突出显示本周开始Javascript/JQuery UI日期选择器

我有日期选择器工作，它是完全功能

从上图可以看出，周选取器工作正常。不过，我想让日期选择器突出显示本周。在这个例子中，它应该突出本周的开始。我希望它看起来像这样或类似

这是怎么做到的

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

---

日期选择器中的每一行日期都是一个

。包含今天日期的

元素具有类

ui datepicker today

因此，您可以搜索此元素的父元素，以获得相应的tr，并为其分配所需的任何类：

---

$（“.ui datepicker today”）.parent（）.addClass（…）

所选的

TD

具有类

ui datepicker当前日期

，因此这可能是您想要查找的。可以通过使用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');
}); 

您可以根据自己的心意定义

突出显示

和

突出显示2

类

请注意，

onSelect

事件并不起作用，因为每次单击日期时都会刷新日历

---

下面是一个示例：

我不知道父元素对应到哪里。父元素是

，其中包含您以绿色突出显示的行。我建议您使用firebug或其他开发工具为自己检查html标记。我使用firebug检查html，我知道每周都是int。我对我的帖子进行了进一步的编辑，解释了我要做的事情。通常使用普通的日期选择器，用户必须选择一天。但是，我希望在加载页面之前选择当前周。这可能吗？你说的“被选中”是什么意思？您希望

datepicker（'getDate'）

的结果是一个日期范围吗？您提供的示例正是我想要做的