Question

我想让2个数据采集器工作，但他们没有。我认为我的代码中的所有内容都可以，但我不知道为什么它不起作用。我的部分代码是：

<head>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script>
  $(function() {
  $( "#datepicker" ).datepicker();
  });
</script>
</head>

<body>
<table>
<tr>
<td>Data1 :
    <input type="text" id="datepicker"></td>
<td>Data2 :
    <input type="text" id="datepicker"></td>
 </tr>
</table>
<button>Next</button>
</body>

你能告诉我这段代码有什么问题吗？

Answer 1

正如评论中所述，多个ID无效标记。

要完成此工作，请将Id更改为类

<table>
<tr>
<td>Data1 :
    <input type="text" class="datepicker"></td>
<td>Data2 :
    <input type="text" class="datepicker"></td>
 </tr>
</table>

并像这样更改Jquery选择器：

<script>
  $(function() {
      $( ".datepicker" ).datepicker();
  });
</script>

Answer 2

如果您有多个日期字段，请使用class，因为id对于特定元素是唯一的。试试这个。

<input type="text" class="datepicker"></td>
<input type="text" class="datepicker"></td>

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

SEE DEMO

Answer 3

<td>Data1 :
    <input type="text" id="datepicker"></td>
<td>Data2 :
    <input type="text" id="datepicker"></td>

这件事是错的。您不能一次又一次地使用相同的ID。如果你想多次使用相同的东西，请使用如下的方法。

<td>Data1 :
    <input type="text" class="datepicker"></td>
<td>Data2 :
    <input type="text" class="datepicker"></td>

<script>
  $(function() {
  $( ".datepicker" ).datepicker();
  });
</script>

Datepicker不能工作

3 个答案: