実現したいこと
ユーザーが『追加ボタン』を押すと追加されるフォームに『jquery UI datepicker』を使ってカレンダーを表示したい。
困っていること
あらかじめ作っておいたフォームには問題なくカレンダーが表示されるものの、ユーザーが追加したフォームに対しては
カレンダーが表示されない。
ググってみたところ、
$('.date').not('.hasDatePicker').datepicker(); $('.date').removeClass('hasDatepicker').datepicker();
このいずれかを指定すればよい、との情報を得て試してみるものの動かず…
ソースコード
HTML
HTML
1<form method="post" action="confirm.php"> 2 <div class="form-group new-form"> 3 <label>フォーム</label> <input type="button" value="+追加" class="add-form"> <input type="button" value="ーすべて削除" class="remove-form"> 4 <br> 5 <input type="text" name="organizer" class="form-control"> 6 </div> 7</form> 8
JavaScript
1$(function() { 2 $(".datepicker").datepicker(); 3}); 4 5$(function() { 6 $(".add-form").click(function() { 7 if ($(".new-form").children().length < 13) { 8 $(".new-form").append('<input type="select" class="datepicker form-control plus" style="margin-bottom: 16px;">'); 9 } 10 }); 11});
このソースコードで、あらかじめこちらで用意しておいたフォームには問題なくカレンダーが表示されます。
しかし、ユーザーがボタンで後から追加したフォームにはカレンダーが表示されません。
後から追加されたフォームに対してもカレンダーが表示されるようにしたいです。
ご回答お待ちしています。
よろしくお願い致します。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/05/23 16:46