Question

我正在使用 Laravel 框架。我想使用 ajax 创建一个日期范围过滤器。但我的日期范围选择器有问题use

这是我的view

这是字段代码

<input type="text" class="form-control filter" id="filter-date">

这是调用 daterangepicker 的 javascript 代码

    $(function () {
    //Date range picker

    $('#filter-date').daterangepicker({
      autoUpdateInput: true,
      locale: {
          cancelLabel: 'Clear'
      }
    });

    $('#filter-date').on('apply.daterangepicker', function(ev, picker) {
        $(this).val(picker.startDate.format('YYYY/MM/DD') + ' - ' + picker.endDate.format('YYYY/MM/DD'));
    });

    $('#filter-date').on('cancel.daterangepicker', function(ev, picker) {
        $(this).val('');
    });
  })

这是保存 daterangepicker 值的 javascript 代码，然后使用 ajax 将其发送到控制器。（适应于可变日期过滤器）

    let datefilter = $("#filter-date").val()
    $(".filter").on('change',function(){
      datefilter = $("#filter-date").val()
      console.log(datefilter)
      table.ajax.reload(null,false)
    })

当我使用上面的代码和 console.log(datafilter) 时，datefilter 中的值直接进入，也就是今天。但我希望第一个或默认值为空。我设法使用 autoUpdateInput: false 将默认值更改为 null。但是在我填写了我要发送的日期后，datefilter 的值始终为空。除了使用 autoUpdateInput: false 方法之外，还有其他方法可以将默认值设为 null 吗？

如何将日期范围选择器的默认值设置为空

0 个答案: