数据选取器不起作用

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

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

如注释中所述，多个 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>

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

<input type="text" class="datepicker"></td>
<input type="text" class="datepicker"></td>
$( ".datepicker" ).datepicker();

查看演示

<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>

相关内容

最新更新

热门标签：