2009-08-28 9 views
0

私はクラスを割り当て、その後、ホバー機能を呼び出すことによって、周りの仕事をしようとしていますので、jQueryのUIの日付ピッカーで一日の上にマウスを移動するときの機能を実行するための簡単な方法を認識していないです:jQueryのdatepickerプラグインとホバーイベントをどのように組み合わせることができますか?

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

[object HTML TableCellElement]を返すので、これはどのようにしたいのですか?どうすれば各日付セルtdタグに属性を割り当てることができますか。その方法で日付値を取得できます。

これを行うには本当に明白な方法が全くありませんか?

+0

あなたは日付ピッカーを使用してセルの値を変更しようとしていますか?それとも、セルの値を使って表示しようとしていますか? –

答えて

1

日付オブジェクトを取り込むbeforeShowDayイベントを利用できます。

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

これは<td>のそれぞれにdate-DD-M-YYYYのクラスを追加します。

関数は、パラメータとしてdateを取り、と配列を返す必要があります。

  • 真/偽[0]に等しいこの日付が選択可能であるか否かを示す、
  • [1]に等しいです[2]デフォルトのプレゼンテーションのCSSクラス名(または "")。
  • [2]この日付のオプションのポップアップツールチップ。

日付ピッカーで表示される前に毎日呼び出されます。

Read more at jQueryUI.com

0

まあ私は、tableCellElementに日付が正しいと仮定しますか?私はそれをテストしていませんが、..

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

いいえセルそのものは実際の値ではなくその月のテキストを含んでいるだけなので、。 –

関連する問題