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 は無効なマークアップです。

この作業を行うには、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>
于 2014-12-30T09:01:41.413 に答える