如何将 jQuery datepicker 插件和悬停事件结合起来？

发布于 2024-08-02 19:34:36 字数 309 浏览 6 评论 0原文

我不知道使用 jQuery UI 日期选择器将鼠标悬停在一天上时执行函数的简单方法，因此我尝试通过分配一个类然后调用悬停函数来解决此问题：

$('.someDate').hover(function() { alert(this) } );

这并不像我希望的那样工作但它会返回 [object HTML TableCellElement]。如何为每个日期单元格 td 标记分配一个属性，以便我可以通过该方法检索日期值。

或者我完全错过了一个非常明显的方法来做到这一点？

原文

I am not aware of an easy way to perform a function when hovering over a day with the jQuery UI datepicker so I am trying to do a work around by assigning a class and then calling a hover function:

$('.someDate').hover(function() { alert(this) } );

This does not work how I would like it though because it returns [object HTML TableCellElement]. How could I assign an attribute to each date cell td tag so that I can retrieve the date value through that method.

Or am i completely missing a really obvious way of doing this?

分享到QQ

分享到微博

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

发布评论

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

天煞孤星 2024-08-09 19:34:36

您可以利用 beforeShowDay 事件，该事件接收日期对象。

$('#date').datepicker({
    beforeShowDay: function(date) {
        var dateString = 'date-'+date.getDate()+'-'+date.getMonth()+'-'+date.getFullYear();  
        return [true, dateString, ''];
    }
});

这将为每个添加一个 date-DD-M-YYYY 类。

该函数采用 date 作为参数，并且必须返回一个数组，其中：

[0] 等于 true/false 指示该日期是否可选，
[1] 等于 CSS 类名) 或“”表示默认显示
[2] 该日期的可选弹出工具提示。

在显示日期选择器中的每一天之前都会调用它。

了解更多信息，请访问 jQueryUI.com

You can make use of the beforeShowDay event, which takes in the date object.

$('#date').datepicker({
    beforeShowDay: function(date) {
        var dateString = 'date-'+date.getDate()+'-'+date.getMonth()+'-'+date.getFullYear();  
        return [true, dateString, ''];
    }
});

This will add a class of date-DD-M-YYYY to each of the <td>.

The function takes a date as a parameter and must return an array with: