jquery - 如何结合 jQuery datepicker 插件和悬停事件？

Question

我不知道使用jQuery UI datepicker悬停一天时执行功能的简单方法，所以我试图通过分配一个类然后调用悬停函数来解决问题：

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

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

还是我完全错过了一种非常明显的方法？

Answer 1

您可以使用接收日期对象的 beforeShowDay 事件。

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

这将为date-DD-M-YYYY每个<td>.

该函数将 adate作为参数，并且必须返回一个包含以下内容的数组：

• [0] 等于真/假，指示此日期是否可选，
• [1] 等于 CSS 类名或默认表示的“”
• [2] 此日期的可选弹出工具提示。

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

在 jQueryUI.com 上阅读更多内容

Answer 2

好吧，我假设 tableCellElement 中的日期正确吗？我没有测试过，但是..

alert($(this).text());