jquery - 在一页中的 div 内打开多个日期选择器

Question

这是我的链接 jquery datepicker .当有两个以上的日期选择器时，它不会打开。只有一个时打开。

<div>
<label>
Datepicker 1
</label>
<input type="text" id="input1">
<div>
</div id="datepicker1">
</div>
<div>
<label>
Datepicker 2
</label>
<input type="text" id="input2">
<div>
</div id="datepicker2">
</div>
<div>
<label>
From
</label>
<input type="text" id="input3">
<label>
To
</label>
<input type="text" id="input4">
<div>
</div id="datepicker3">
</div>

Answer 1

你可以简单地改变你的JavaScript代码，它会为你工作...

<script>
$( function() {
    $( "#input1" ).datepicker();
    $( "#input2" ).datepicker();
    $( "#input3" ).datepicker();
    $( "#input4" ).datepicker();
  } );
</script>

相应地更改 ID..