0

我想让 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>

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

4

3 回答 3

3

如评论中所述，多个 ID 是 Invalid mark up。

为了完成这项工作，将 Id 更改为 class

<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>
于 2014-12-30T09:01:41.413 回答
2

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

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

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

看演示

于 2014-12-30T09:05:09.860 回答
0 
<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>
于 2014-12-30T09:03:41.177 回答