2つの日付ピッカーを持つクローンフォーム

Question

datepickerで2つの異なるtexfieldを持つフォームを複製しようとしています。私はここで答えを探しているが、coulndは私のようなものを見つける。

$(document).ready(function() { 
$('#btnAdd').click(function() { 

var num = $('.clonedInput').length;  
var newNum = new Number(num + 1); 
var newElem = $('#input' + num).clone().attr('id', 'input' + newNum); 

newElem.find('#label_cl label').attr('for' , 'label_cl' + newNum); 
newElem.find('#input_cl input').attr('id' , 'input_cl' + newNum); 

newElem.find('#label_cls label').attr('for' , 'label_cls' + newNum); 
newElem.find('#input_cls input').attr('id' , 'input_cls' + newNum); 

$('#input' + num).after(newElem); 
$('#input_cl' + newNum).datepicker; 
$('#input_cls' + newNum).datepicker; 

Answer 1

あなたは、あまりにも変更を日付ピッカーで新しい入力をインスタンス化する必要があります。

$('#input' + num).after(newElem); 

newElem.insertAfter('#input' + num).datepicker; 

Answer 2

にこれを使用すると、日付ピッカーのプラグインを初期化する方法ではありません。

$('#input_cl' + newNum).datepicker; 
$('#input_cls' + newNum).datepicker; 

$('#input_cl' + newNum).datepicker(); 
$('#input_cls' + newNum).datepicker(); 

に変更し、それをあなたはそれがinput要素に必要なイベントハンドラを適用するようにdatepickerプラグインを呼び出す必要があります。