質問: javaScriptで追加したテーブルの行にclassで"datepicker"を指定している物にDatepicker起動しないのですが追加した行ににDatepickerを使用するにはソースをどのように変更すればいでしょうか。 ちなみにですが最初からあるテーブルの行にはDatepicker起動します。 わかる方どなたか教えてくれませんか。 ``` テスト No.テストカレンダー 1 2 3 ```
回答: cell3.innerHTMLの後で、 ``` $( cell3 ).find( '.datepicker' ).datepicker(); // 要素ごとに datepicker を割り当てる ``` とするか、全 datepicker を削除、再設定を行う関数を作ってcell3.innerHTMLの後に挿入するとか。 ``` function reset_datepicker() { // 全 datepicker を削除、再設定を行う関数 $( '.datepicker' ).datepicker( 'destroy' ); $( '.datepicker' ).datepicker(); $( '.datepicker' ).datepicker( 'refresh' ); } ``` 【jQuery UI Datepicker(カレンダー)を不特定多数のフィールドに動的に表示するサンプル】 【javascript - jQuery Datepicker - refresh pickable days based on selected option - Stack Overflow】