Question

我想在鼠标悬停时获取日期。将出现一个小的div框，并显示与该日期相关的一些数据。当鼠标在日历上运行时。我需要鼠标运行的日期，所以我可以调用正确的值来显示在div框中。下面的代码显示了从单元格收集的日期。但我需要完整的约会，包括月份和年份。

$('.ui-state-default').mouseover(function(){

    var a= $(this).text();
    alert(a);
});

我还找到了this代码。但对我来说并不适用。任何帮助表示赞赏。

提前致谢。

Answer 1

var month = $(this).closest('.ui-datepicker').find('.ui-datepicker-month').text();
var year  = $(this).closest('.ui-datepicker').find('.ui-datepicker-year').text();

Answer 2

就像Yoda提到的那样，你会想要使用live方法将事件附加到文档上，这样任何与选择器匹配的创建元素都会以相同的方式运行。

你最终会得到这样的东西：

<h1></h1>

<label for="pickDate"/>
<input type="text" id="pickDate"/>

$(function() {
    $("#pickDate").datepicker();
    $(".ui-state-default").live("mouseenter", function() {
        $("h1").text($(this).text());
    });
});

jsfiddle

上的示例

Answer 3

日历是在DOM准备好之后制作的，所以除非你使用这样的方法，否则它将永远不会工作：

http://api.jquery.com/live/

jquery datepicker从单元格获取鼠标悬停的日期

3 个答案: