Datepicker讨论Laravel中的“焦点”事件

问题描述

我有一个数据表，可以选择编辑该表中每个记录的日期，因此我需要使用“焦点文档”事件来使所有日期选择器正常工作。这里的问题是我的日期选择器仅在单击输入时才起作用，如果单击“图标”，它将不起作用。

这是我的日期选择器，格式为：

      <div class="form-group">
        <label for="fecha" class="col-form-label">Fecha</label>
        <div class="input-group date" id="datepickerEditT" data-target-input="nearest">                      
            <input type="text" id="datepickerEditT" name="fechaTratamiento" value="{{date('d/m/Y',strtotime($fecha))}}" class="form-control datepicker-input" data-target="#datepickerEditT" required/>
            <div class="input-group-append" data-target="#datepickerEditT" data-toggle="datepickerEditT">
                <div class="input-group-text"><i class="fas fa-calendar-alt"></i></div>
            </div>
        </div>
      </div> 

这是javascript：

$(document).on("focus","#datepickerEditT",function () {
  $(this).datepicker({
    format: "dd/mm/yyyy",language: "es",autoclose: true,todayHighlight: true,});
});  

如果我不使用焦点事件，我的日期选择器可以正常工作，无论我单击输入还是单击图标都没关系，但是我需要使用此事件，因为如果不使用它，我的日期选择器将仅在第一条记录上起作用在表中。

解决方法

我用class div代替了id，就像有人说的那样，现在一切都在不使用focus事件的情况下工作了。

$(".datepickerEditT").datepicker({
  format: "dd/mm/yyyy",language: "es",autoclose: true,todayHighlight: true,});