Question

我正在使用jQuery 2.1.0，并尝试使用datepicker进行多个输入。我可以让它在第一个输入上工作，但我如何让它在第二个输入工作？有什么建议吗？

<link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css">

  <script src="//code.jquery.com/jquery-1.10.2.js"></script>

  <script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script>

  <link rel="stylesheet" href="/resources/demos/style.css">
Date:</label>
<input type="text" name="odate" id="datepicker">
Date2:<input type="text" name="purchasedate" id="datepicker" mask="99/99/9999">

 $(function() {

        $( "#datepicker" ).datepicker();

      });

Answer 1

只需给每个日期选择器另一个ID ......

  <script src="//code.jquery.com/jquery-1.10.2.js"></script>

  <script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script>

  <link rel="stylesheet" href="/resources/demos/style.css">
Date:</label>
<input type="text" name="odate" id="datepicker">
Date2:<input type="text" name="purchasedate" id="datepicker1" mask="99/99/9999">

Jquery的：

 $(function() {

 $( "#datepicker" ).datepicker();
 $( "#datepicker1" ).datepicker();
  });

Answer 2

每个日期选择器都应该拥有自己的ID。

HTML code：

Date:</label>
<input type="text" name="odate" id="datepicker1">
Date2:<input type="text" name="purchasedate" id="datepicker2" mask="99/99/9999">

JS代码：

$(function() {
    $( "#datepicker1" ).datepicker();
    $( "#datepicker2" ).datepicker();
  });

以下是工作 EXAMPLE

jQuery datepicker不止一个输入

2 个答案: