jquery datepicker從單元格獲取鼠標懸停的日期

我想要將鼠標懸停在日期上。一個小型的盒子會出現並顯示一些與該日期相關的數據。當鼠標在日曆上方運行時。我需要鼠標運行的日期，這樣我才能夠調用正確的值來顯示在div框中。下面的代碼顯示了從單元格收集的日期。但我需要包括月份和年份的完整日期。jquery datepicker從單元格獲取鼠標懸停的日期

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

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

而且也是我發現this代碼。但對我而言並不真正。任何幫助表示讚賞。

在此先感謝。

來源

2011-01-31 user403295

日曆是DOM後作出準備，這樣就不會起作用，除非你使用這樣的方法：

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

來源

2011-01-31 04:38:55 yoda

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

來源

2011-01-31 04:45:26 Ron

工作，如果你沒有一個以上的NUMBEROFMONTHS。如果你有，我爲它寫了一個代碼片段：http://browse-tutorials.com/snippet/get-date-mouseover-cell-jquery-ui-datepicker – ram4nd 2012-05-14 12:04:16

就像尤達提到你將要使用的活方法將事件附加到文檔上，以便與選擇器相匹配的任何已創建元素的行爲方式都相同。

你最終會像這樣的東西：

<h1></h1> 

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

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

例如在jsfiddle

來源

2011-01-31 13:45:36

非常感謝，你上傳了jsFiddle的樣本！ – 2013-01-23 08:51:00

jquery datepicker從單元格獲取鼠標懸停的日期

回答

相關問題