0

6 つの異なる入力フィールドがあります。それぞれがペアでグループ化されています。

どうぞ：

<input name="fecha-in" type="text" id="from" size="40" height="25" class="date" />
<input name="fecha-fin" type="text" id="to" size="40" height="25" class="date" />
<input name="tfecha-in" type="text" id="from1" size="40" height="25" class="date" />
<input name="tfecha-fin" type="text" id="to1" size="40" height="25" class="date" />
<input name="bfecha-in" type="text" id="from2" size="40" height="25" class="date" />
<input name="bfecha-fin" type="text" id="to2" size="40" height="25" class="date" />

そして、これらの 6 つで、jQuery datepicker を日付範囲とともに追加する必要があります。1 つのペアで動作させることはできますが、この同じコードを 3 つのペアすべてに追加する方法がわかりません。どんな助けでも大歓迎です。

これが私のjQueryです：

$(function() {
    $( "#from" ).datepicker({
        defaultDate: "+1w",
        changeMonth: true,
        numberOfMonths: 3,
        onClose: function( selectedDate ) {
            $( "#to" ).datepicker( "option", "minDate", selectedDate );
        }
    });

    $( "#to" ).datepicker({
        defaultDate: "+1w",
        changeMonth: true,
        numberOfMonths: 3,
        onClose: function( selectedDate ) {
            $( "#from" ).datepicker( "option", "maxDate", selectedDate );
        }
    });
});

私を正しい方向に向けることができる人に感謝します!

4

1 に答える 1

1

ライブデモはこちら: http://jsfiddle.net/MMMQn/1/

あなたのHTMLの基本、私はクラスで入力を繰り返していますdate

jQuery(".date").each(function(index, value) {
    ...    
}

次に、現在のペアを決定します (最初のペアには追加の ID 識別子がなく、残りは増加します):

var inputId = (index === 0) ? "" : index.toString();

最後に、この文字列を jQuery セレクターに追加しinputId、提供されたコードをバインドします。

于 2012-10-25T18:44:59.270 に答える