Javascript 在输入日期字段的多次迭代中加载日期选择器

我有一个PHP，它为多个条目加载5倍于同一组输入字段的内容

同时，我有一个“datepicker”javascript要在date字段中运行

问题在于，只有在第一行中，日期选择器才起作用。对于接下来加载的4行，datepicker不会在date字段中运行

代码：

不允许使用相同的id它必须是唯一的-id=“datepicker”
不允许使用相同的id它必须是唯一的-id=“datepicker”
使用类而不是id

为每个输入指定一个“datepicker”类，并将jQuery选择器更改为
$（“.datepicker”）
使用类而不是ID

为每个输入指定一个“datepicker”类，并将jQuery选择器更改为
$（“.datepicker”）
ID在页面上应该是唯一的。这意味着，当您尝试使用jQuery选择一个ID时，它将在找到第一个ID时停止

您应该使用一个类来避免这种情况，就像这样

代码：


ID在页面上应该是唯一的。这意味着，当您尝试使用jQuery选择一个ID时，它将在找到第一个ID时停止

您应该使用一个类来避免这种情况，就像这样

代码：


    <?php 
    for ($i=0;$i<5;$i++)
    {
    ?>
    <tr>
        <td><input id="includeItem" type="checkbox" onchange="includeMore" name="item<?=$i?>"></td>
        <td><input name="id<?=$i?> style="color:#888;" disabled="disabled"></td>
        <td><input class="formItems" id="datepicker" name="date<?=$i?>"></td>
        <td><input class="formItems" name="description<?=$i?>"></td>
        <td><input class="formItems" name="amount<?=$i?>"></td>
    </tr>
    <?php } ?>

<script>
  $(document).ready(function() {
    $("#datepicker").datepicker({
    dateFormat: 'yy-mm-dd'
    });
  });
</script>

    <?php 
    for ($i=0;$i<5;$i++)
    {
    ?>
    <tr>
        <td><input id="includeItem" type="checkbox" onchange="includeMore" name="item<?=$i?>"></td>
        <td><input name="id<?=$i?> style="color:#888;" disabled="disabled"></td>
        <td><input class="formItems" class="datepicker" name="date<?=$i?>"></td>
        <td><input class="formItems" name="description<?=$i?>"></td>
        <td><input class="formItems" name="amount<?=$i?>"></td>
    </tr>
    <?php } ?>

<script>
  $(document).ready(function() {
    $(".datepicker").datepicker({
    dateFormat: 'yy-mm-dd'
    });
  });
</script>