0

jquery UI 日付ピッカーを動的に追加しようとしていました。つまり、ボタンをクリックすると、カレンダー オプションを含むテキスト フィールドが作成されます... カレンダーを動的に作成しているため、カレンダーが開きません。私のコードは

$("#button").click(function()
{
"<table id='submitReportTable' class = 'OGTable"
                                                + tab_counter
                                                + "'><tr><td><b>PortFolio</b></td><td><select id='portfolio"
                                                + tab_counter
                                                + "'></select></td></tr><tr><td><b>From Date</b></td><td> <input type=text id='datepicker' class='fromDate"
                                                + tab_counter
                                                + "' /></td></tr><tr><td><b>End Date</b></td><td> <input type=text id='datepicker' class='endDate"
                                                + tab_counter
                                                + "' /></td></tr><tr><td><b>Frequncy</b></td><td> <select id='frequency"
                                                + tab_counter
                                                + "'><option>Yearly</option><option>Quarterly</option><option>Monthly</option><option>Weekly</option><option>Daily</option></select></td></tr><tr><td> <input type=button id=submitButton name=submit value='Submit' class='submit"
                                                + tab_counter
                                                + "'></input></td></tr></table>"});

これはボタンのクリックで作成されません

4

3 に答える 3

1

それは有効な jQuery コードでさえありません。そのようにjQueryとhtmlを混在させることはできません。あなたのコードは意味がありません:

$("#button").click(function()
</td></tr><tr><td><b>From Date</b></td><td> 

ボタン クリック イベント ハンドラは、html ではなく有効な jQuery である必要があります。

于 2012-06-20T10:49:44.380 に答える
0

ID「datepicker」の入力テキストを追加してもそれができないと確信しています。ドキュメントに記載されているように、新しい要素で .datepicker() を呼び出してみてください: http://jqueryui.com/demos/datepicker/

于 2012-06-20T10:47:23.353 に答える
0

私はあなたがここで達成しようとしていること(私は思う)の実用的なフィドルを作成しました:

http://jsfiddle.net/Bk9Ut/

ボタンをクリックすると、新しい入力要素が作成され、新しい要素に対して datepicker コマンドが実行されます。日付ピッカーの情報と初期化オプションについては、http://jqueryui.com/demos/datepicker/ のドキュメントを参照してください。

于 2012-06-20T10:50:44.860 に答える