如何组合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>类。

该函数将date作为参数，并且必须返回一个数组：

• [0]等于true / false，表示此日期是否可选，
• [1]等于CSS类名称或“”用于默认演示文稿
• [2]此日期的可选弹出工具提示。

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

Read more at jQueryUI.com

Answer 2

我认为tableCellElement的日期是否正确？我没有测试过，但是..

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