在 Laravel 8 上渲染后 Livewire Datepicker 关闭答案

【问题标题】：Livewire Datepicker Close after Render on Laravel 8在 Laravel 8 上渲染后 Livewire Datepicker 关闭
【发布时间】：2022-07-05 16:08:54
【问题描述】：

假设我更改开始日期并在呈现开始日期之前单击结束日期。然后由于开始日期值的呈现，结束日期的日期选择器将关闭。如果您有任何解决方案或任何日期选择器建议，请帮助我。

刀片文件

<div class="col">
    <label for="">Start Date <span class="text-danger">*</span></label>
    <input type="text" name="start_date" wire:model.lazy='start_date'
        class="form-control @error('start_date') is-invalid @enderror">
    @error('start_date')
        <small class="text-danger">{{ $message }}</small>
    @enderror
</div>
<div class="col">
    <label for="">End Date <span class="text-danger">*</span></label>
    <input type="text" name="end_date" wire:model.lazy='end_date'
        class="form-control @error('end_date') is-invalid @enderror">
    @error('end_date')
        <small class="text-danger">{{ $message }}</small>
    @enderror
</div>

我的 Datepicker 脚本代码

<script>
    $('input[name=start_date]').datetimepicker({
        format: "DD/MM/YYYY",
        disabledDates: false,
        useCurrent: false,
        showClear: true,
        showClose: true,
        showTodayButton: true,

    });
    $('input[name=start_date]').on("dp.change", function(e) {
        @this.set('start_date', e.target.value);
    });

    $('input[name=end_date]').datetimepicker({
        format: "DD/MM/YYYY",
        disabledDates: false,
        useCurrent: false,
        showClear: true,
        showClose: true,
        showTodayButton: true,
    });
    $('input[name=end_date]').on("dp.change", function(e) {
        @this.set('end_date', e.target.value);
    });
</script>

【问题讨论】：

标签： datepicker laravel-8 render laravel-livewire

【解决方案1】：

如果我没有误解你的问题，你为什么要使用 "wire:model.lazy" ？ "wire:model" remove .lazy 可能会解决您的问题？

【讨论】：