Laravel 中 "focus" 事件的日期选择器
Datepicker on "focus" event in Laravel
我有一个数据table,我可以在其中编辑该 table 中每条记录的日期,因此我需要使用“文档聚焦”事件来获取我所有的日期选择器上班。这里的问题是我的日期选择器只有在我点击输入时才有效,如果我点击“图标”它就不起作用。
这是我的日期选择器,格式为:
<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,
});
});
如果我不使用焦点事件,我的日期选择器工作正常,无论我点击输入或图标,但我需要使用这个事件,因为如果我不这样做,我的日期选择器将只在table.
中的第一个记录
我使用 class div 而不是像有人说的那样使用 id,现在一切正常,无需使用焦点事件。
$(".datepickerEditT").datepicker({
format: "dd/mm/yyyy",
language: "es",
autoclose: true,
todayHighlight: true,
});
我有一个数据table,我可以在其中编辑该 table 中每条记录的日期,因此我需要使用“文档聚焦”事件来获取我所有的日期选择器上班。这里的问题是我的日期选择器只有在我点击输入时才有效,如果我点击“图标”它就不起作用。
这是我的日期选择器,格式为:
<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,
});
});
如果我不使用焦点事件,我的日期选择器工作正常,无论我点击输入或图标,但我需要使用这个事件,因为如果我不这样做,我的日期选择器将只在table.
中的第一个记录我使用 class div 而不是像有人说的那样使用 id,现在一切正常,无需使用焦点事件。
$(".datepickerEditT").datepicker({
format: "dd/mm/yyyy",
language: "es",
autoclose: true,
todayHighlight: true,
});