forループのhtmlページのdatepickerが2番目のインスタンス以降で動作しない

Question

htmlページでdatepickerを使用していますが、forループの最初のインスタンスで正常に動作していますが、forループ条件の2番目のインスタンスであるdatepicker jqueryのバージョンの

が動作していないこと

<link href="jQueryAssets/jquery.ui.datepicker.min.css" rel="stylesheet" type="text/css"> 
<script src="jQueryAssets/jquery.ui-1.10.4.datepicker.min.js" type="text/javascript"></script> 

ですそして、私のHTMLフォーム内のコードの一部は以下の通りです。 私はdatepickerでforループでフォームを実行したいと思います。 しかし、日付ピッカーは最初のインスタンスだけに来て....？

<table align="center"> 
<?php 
$wno = $_POST['no']; 
$wname = $_POST['name'];  
?> 
    <form method='post' action=''> 
     <tr>  
      <td colspan='2' align="center"><input type='text' name='no' class='tfield' value="<?php echo$wno?>" readonly /></td> 
      <td colspan='2' align="center"><input type='text' name='name' class='tfield' value="<?php echo$wname?>" readonly /></td> 
     </tr> 
     <tr> 
      <th class='tabdata'>Log</th> 
      <th class='tabdata'>Top Depth</th> 
      <th class='tabdata'>Bottom Depth</th> 
      <th class='tabdata'>Date of Log</th> 
     </tr> 
<?php 
     $number=$_POST['nologs']; 
     for($i=1;$i<=$number;$i++){ 
?> 

     <tr> 
      <th colspan="4" align="center" class='tabdata'>File No: <?php echo$i?></th> 
     </tr> 
     <tr> 
      <td> 
       <input name='logs[]' type='text' required="required" placeholder="Logs" autocomplete="off" class='tabdata'> 
      </td> 

      <td> 
       <input type='float' required="required" name='bottom[]' placeholder="Bottom Depth" class='tabdata'> 
      </td> 

      <td> 
       <input type='float' required="required" name='top[]' placeholder="Top Depth" class='tabdata'> 
      </td> 

      <td> 
       <input type='text' required="required" id="datej" name='date[]' placeholder="Date of Logging" class='tabdata'> 
      </td> 
     </tr> 
     <tr> 
      <td colspan="2">&nbsp;</td> 
     </tr> 
<?php } ?> 
     <tr> 
      <td colspan='4' align='center'><input type='submit' value='Save' name='submit' class='button'/></td> 
     </tr> 
    </form> 
    </table> 
    </div> 
</div> 
<script type="text/javascript"> 
$(function() { 
$("#datej").datepicker({ 
}); 
}); 
</script> 

Answer 1

代わりのid（例えば$('#datej')）でそれをインスタンス化を助けてください、あなたはclass（例えば$('.datej')）でそれを行う必要があります。有効なHTMLはidを1回だけ使用します。したがって、同じidの複数のオブジェクトがある場合、有効なHTMLではありません。セレクタが動作する方法は、idの最初のインスタンスのみを選択します。