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

发布于 2024-11-26 22:31:09 字数 407 浏览 0 评论 0原文

我的日期选择器正在工作，并且功能齐全。

Datepicker - 周未突出显示

从上图可以看出，周选择器是有效的。不过，我希望日期选择器突出显示当前一周。在这个例子中应该突出显示整个一周的开始。我希望它看起来像这样或类似我想要什么

这是如何完成的？

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

当前周已选择

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

你列表最软的妹 2024-12-03 22:31:09

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

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

The TD that is selected has the class ui-datepicker-current-day, so that might be what you want to find. You can do the highlighting by attaching a click event with the datepicker element, e.g.

$( "#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');
});

And you can define the highlight and highlight2 classes to your heart's content.

Note that, the onSelect event does not do the trick, as the calendar is refreshed each time a date is clicked.

Here is an example: http://jsfiddle.net/9DdfL/2/

回复收藏 0 原文