jQuery datepickerを複数使いたい

質問

javascript で行を追加するDOMを作成しました。
最初の1回だけdatepickerで日付をクリックすると該当のテキストボックスに日付が問題なく代入されます。

追加ボタンをクリックで行を追加した際にもjQuery datepickerを動作させるにはどうしたら良いでしょうか？

function add()
{
var objTBL = document.getElementById("request_tb" + num);
if (!objTBL)
return;

var count = objTBL.rows.length;

// 最終行に新しい行を追加
var row = objTBL.insertRow(count);

// 列の追加
var c1 = row.insertCell(0);
var c2 = row.insertCell(1);
var c3 = row.insertCell(2);

// 各列に表示内容を設定
c1.innerHTML = '<span class="seqno' + count +'">第' + count + '日時</span>';
c2.innerHTML = '<input type="text" name="date' + count + '" class="datepicker'+ count+'" id="datepicker">';

c3.innerHTML = '<img src="img.gif">&nbsp;カレンダーで選ぶ</a>';

$('datepicker'+count).datepicker({
numberOfMonths: 2,
dateFormat: 'yy-mm-dd',
changeYear: false,
showButtonPanel: true,
minDate:0
});
}

<input type="button" id="add" onClick="add()" value="追加">

ご教授の程、宜しくお願いしますm(__)m

回答No.1

t_ohta · ベストアンサー

まず、c2.innerHTML に入れているinputタグのidがユニーク値では無いのでHTMLとしてNG。

datepicker をセットしている「$('datepicker'+count)」というセレクタは「'datepicker'+count」タグと言う意味になっているので間違い。
$('.datepicker'+count) か $('#datepicker'+count) にしなきゃいけないので、inputタグのidがユニークに成るようにして $('#datepicker'+count) のような指定にするのがいいと思います。

お礼

ご回答ありがとうございます。
$('#datepicker'+count)
なるほど。
idになるようにするとユニークに指定することができますね。

無事解決することができました。