Daterangepicker 的行为与回调和 apply.daterangepicker 不同

Question

我最近遇到了 daterangepicker 的问题。 我有一个表单，希望在用户选择新的日期范围时提交它。 我使用了 daterangepicker 回调并注意到，即使我在回调中为新选择的日期获取了正确的值，表单仍在提交 daterange 字段中的先前值。

假设我在 daterange 字段中的值为2018-08-01 - 2018-08-07 ，我已使用以下代码段将其更改为2018-08-04 - 2018-08-06

$('.multi-datepicker').daterangepicker({
        opens: 'left',
        timePicker: false,
        showCustomRangeLabel: true,
        locale: {
            format: 'YYYY-MM-DD'
        }
    }), () => { $('form#topFilter').submit(); };

但是我在服务器端获得的值是前一个值2018-08-01 - 2018-08-07 。

然后我尝试apply.daterangepicker ，它似乎工作正常。

$('.multi-datepicker').on('apply.daterangepicker', function (event, picker) {
    $('form#topFilter').submit();
})

因为我希望仅当值在那里更改时才提交表单，而不是仅在单击应用按钮而不实际更改它时提交，所以我更喜欢回调方法。 有谁知道为什么会这样？

Answer 1

当更改已在插件的内部属性中注册但尚未同步到 DOM 中时，将触发回调函数。

apply.daterangepicker事件在 DOM 更新后触发。 这就是表单提交在第二个示例中起作用的原因。