0

サイトの入力フィールドに割り当てられたインライン日付ピッカーとまったく同じように見え、動作する年カレンダーを取得するために取り組んでいます。だから私はこのブロックを作成しました

<div class="box_content">
   <div class="yearCal" id="cal2"><!-- this will receive the calendar --></div>
 </div>

id 'cal2' の要素に datepicker オブジェクトを割り当てました。これにより、12 か月を示すカレンダー ウィジェットが表示されます。すべての td 要素は次のようになります。

<td about="I receive class 'free' or 'booked' from 'BeforeShowDay' handler">
   <a about="I am the element catching the click and need the parent class"></a>
</td>

このコードを使用して、日付ピッカーの onSelect 関数をテスト的に構成しました

onSelect: function(dateText, inst) { 
   console.debug( jQuery(this).parent().attr('class') ); 
}

しかし、暦日をクリックすると、ID 'box_content' が取得されます。何を試しても、親要素を取得できません。しかし、ウィジェットがレンダリングされるときにすべての td 要素が「フリー」または「予約済み」クラスを取得し、そのクラスに応じてデータベースアクションを実行する必要があるため、取得する必要があります。

正しいやり方を教えてください。

4

1 に答える 1

0

ただし、次のようなものがあると仮定すると、日付ピッカーがどこにあるのかわかりません。

<td about="I receive the class 'free' or 'booked' from 'BeforeShowDay' event">
   Date: <input type="text" id="datepicker" about="input receiving the onSelect event">
</td>

次のように、(onSelect イベントで) datepicker を含む td のクラスにアクセスできます。

<script type="text/javascript">
  $('#datepicker').datepicker({
     onSelect: function(dateText, inst) {
        //dosomething
        var tdclass = $(this).parent().attr('class');  
        //dosomethingelse
     }
  });
</script>
于 2011-10-06T17:47:24.633 に答える