datepickerが間違ったフィールドに適用されます

Question

jQuery UIのdatepickerに少し問題があります。 事は、私は私のページと、このようないくつかの入力を持って、次のとおりです。

blabla | blabla | .date-picker | blabla 
blabla2 | blabla2 | .date-picker | blabla2 
blabla3 | blabla3 | .date-picker | blabla3 

だから、 "blablaはちょうどいくつかのテキスト、および「.date-ピッカーは」「日付ピッカーと、入力されています'クラス。

$(function() { 
    $('.date-picker').datepicker(); 
}); 

しかし、私が代わりに右の入力を更新するので、ライン「blabla3」の入力をクリックした場合例えば、それは常に最初の更新：私はちょうど、次のしている私のJavaScriptコードで

one ...

私の入力はすべて同じID（変更できません）ですが、私のセレクターの入力クラスを使用していますので、動作するはずですが、そうではありません。

Answer 1

入力のIDを変更する必要があります。それ以外の場合は、日付を選択するとDP_jQuery_1347006322116.datepicker._selectDay('#same',8,2012, this);return false;を使用してこの日を選択し、入力のIDを取得するため動作しません。

複数のIDを持つ場合は、最初の入力を選択してその日を設定します。

Answer 2

私は同じIDタグを持つ日付フィールドを含む新しいDIVコンテナを動的に追加するためにjavascriptを使用する同様の問題がありました。私の場合、解決するための唯一の方法は、動的にすべてのIDを書き換えることでしたそして、DatePickerの機能を作成/破棄：

var n=0;  
$("[id*='blabla']").each(function(){ 
    n++; 
    tempField = this.id.split("-"); 
    this.id = tempField[0]+"-"+n; 
    }); 

// first remove datepicker functionality since renaming of id above then    
// add datepicker to any field with "datepicker" as class 

    $("input.datepicker").datepicker("destroy").datepicker(); 

を私はあなたのユースケースを（と思う）に合わせて上記を修正。お役に立てれば。

BTW：ハイフン（ " - "）で分割しているのは、datePickerフィールドを持つ別のDIVコンテナを動的に作成するたびにこの関数を呼び出すことができるからです。後でフォーム処理を行うために、すべてのIDの名前を順番に変更します。

Answer 3

こんにちは古いポストが、それはまだこの問題に直面している人のための...

ちょうど新しい入力のidを削除し、入力が1つを持っていない場合、日付ピッカーは常に、すなわち新しいIDを生成します。それがあった場合、datepickerはそれを保持します。つまり、ここでは最初の入力がクローンされ、最後のものも更新されます。