javascript - 複数入力用のjQuery Datepicker

Question

jQuery datepicker スクリプトがあります。

$(function() {
    $( "#datepicker" ).datepicker({ dateFormat: "yyyy-mm-dd" });
}); 

このスクリプトを 2 つの入力に対して初期化する場合、最初の入力に対してのみ機能します。両方の入力に使用する方法は？

<input type="text" name="MyDate1" id="datepicker">
<input type="text" name="MyDate2" id="datepicker">

Answer 1

すべてidを に変更するだけclassです。

<input type="text" name="MyDate1" class="datepicker">
<input type="text" name="MyDate2" class="datepicker">

$(function() {
  $( ".datepicker" ).datepicker({ dateFormat: "yyyy-mm-dd" });
}); 

も使えます

$(function() {
  $( "input[name^=MyDate]" ).datepicker({ dateFormat: "yyyy-mm-dd" });
});

Answer 2

これを繰り返すのはうんざりですが、それでも、もう一度繰り返します。idは一意である必要があります。したがって、これを使用します。

<input type="text" name="MyDate1" class="datepicker">
<input type="text" name="MyDate2" class="datepicker">

と

$(function() {
    $( ".datepicker" ).datepicker({ dateFormat: "yyyy-mm-dd" });
});

Answer 3

ID の重複は無効です。代わりにクラスを追加する必要があります。

<input type="text" name="MyDate1" class="datepicker" id="datepicker1">
<input type="text" name="MyDate2" class="datepicker" id="datepicker2">

次に、次のことができます。

$(function() {
    $( ".datepicker" ).datepicker({ dateFormat: "yyyy-mm-dd" });
}); 

Answer 4

名前による日付ピッカー機能へのアクセス:

$(function() {
    $('[name="MyDate1"]').datepicker({ dateFormat: "yyyy-mm-dd" });
});