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

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

这是我的观点

这是字段代码

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

这是调用日期范围选择器的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中的值会直接进入，也就是今天。但我希望第一个或默认值为null。我使用autoUpdateInput:false将默认值更改为null。但是在我填写了我想要发送的日期之后，datefilter的值总是空的。除了使用autoUpdateInput:false方法之外，还有其他方法可以使默认值为null吗？