javascript - カスタム ツールチップに日付ピッカーを追加する方法

Question

日付ピッカー (jquery datepicker: http://jqueryui.com/datepicker/ ) をカスタム ツールチップに追加する方法がわかりません。

ツールチップのコンテンツを作成する方法は、その場でいくつかの文字列を連結することです。
contents += 'test1' + '<input type="text" id="datepicker" >';

問題は、実際の日付ピッカーを id datepicker を使用して入力フィールドに添付する必要があることです。

$("#datepicker").datepicker();

コンテンツはまだ DOM の一部ではないため、これは機能しません。

これを克服する方法はありますか？ありがとう

Answer 1

宣言する

var picker = $('<input type="text" id="datepicker" >');
picker.click(function(){
    picker.datepicker();
});

その後

contents += 'test1';
//domElement is your tooltip content 
domElement.html(contents);
domElement.append(picker);