Jquery Datetimepicker 仅适用于数据表的第一行

Question

嗨，我有一个带有按钮的数据表，单击后会弹出一个模式。此模态用作数据的编辑按钮。 datetimepicker 仅适用于第一列，但不适用于其他数据

代码

<td> <button type="button" class="btn btn-warning" data-target="#updateInt<?php echo $row['id'] ?>" data-toggle="modal"><i class="fa-solid fa-pencil"></i></button>

     <div class="modal fade" id="updateInt<?php echo $row['id'] ?>" tabindex="-1" role="dialog" aria-labelledby="updateInt" aria-hidden="true">
        <div class="modal-body">
          <div class="form-group">
          <label for="ester">Start Date</label>
          <input type="text" class="form-control" name="datetimepicker1" id="datetimepicker11" value="<?php echo $row['ybegin']?>" required/>
        </div>
        <div class="form-group">
          <label for="ester">End Date</label>
          <input type="text" class="form-control" name="datetimepicker2" id="datetimepicker12" value="<?php echo $row['yend']?>" required/>
         </div>
        </div>
     </div>
</td>

脚本

<script type="text/javascript">

    jQuery(function(){
    
        jQuery('#datetimepicker11').datetimepicker({
            format:'Y/m/d',
            timepicker:false
        });
        
        jQuery('#datetimepicker12').datetimepicker({
        
            format:'Y/m/d',
            onShow:function( ct ){
            
                this.setOptions({
                    minDate:jQuery('#datetimepicker11').val()?jQuery('#datetimepicker11').val():false
                })
            },
            
            timepicker:false
        });
    });
</script>

数据表

<script>
$(document).ready(function() {
    var table = $('#intake').DataTable( {
        dom: 'Qlfrtip',
        order: [],
        columnDefs: [{
                searchBuilder: {
                    defaultCondition: "=",
                },
                targets: [1]
            }]
    } );
} );
</script>

我尝试检查浏览器控制台是否有错误，但没有任何显示。我只是不明白为什么它不起作用。