2011-01-31 13 views
1

マウスで日付を取得したいと思います。小さなdivボックスが表示され、その日付に関連するデータが表示されます。マウスがカレンダーの上を走っているときマウスが動作している日付が必要なので、div-boxに表示する正しい値を呼び出すことができます。以下のコードは、セルから収集した日付を示しています。しかし、私は月と年を含む完全な日付が必要です。jquery datepickerはセルからマウスオーバーして日付を取得します

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

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

また、thisコードが見つかりました。しかし、本当に私のために働くことはありません。 何か助けていただければ幸いです。

ありがとうございます。ヨーダはあなたがライブを使用したいと思うでしょうに述べたと同じように

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

答えて

0

は、準備ができていますメソッドを使用して、イベントをドキュメントに添付して、セレクタに一致する作成された要素が同じように動作するようにします。

あなたはこのようなものに終わるだろう:複数のNUMBEROFMONTHSを持っていない場合

<h1></h1> 

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

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

jsfiddle

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

作品に。あなたが持っていれば、私はそれのためのスニペットを書いた:http://browse-tutorials.com/snippet/get-date-mouseover-cell-jquery-ui-datepicker – ram4nd

2

:あなたはこのようなメソッドを使用しない限り、それが動作することはありませんので、カレンダーはDOMの後に行われる

+0

ありがとう、素晴らしいあなたはjsFiddleでサンプルをアップロード! –

関連する問題