Flatpickr：仅在选择日期范围后触发事件

Question

我正在研究 flat-pickr。现在到配置部分。我有 1 个字段 date_range。我只想在用户选择日期范围后触发事件。

 <flat-pickr
          class="form-control shadow-none"
          name="date_range"
          :value="date_range"
          @input="$emit('update:filter', $event.target.value)"
          @onClose="$emit('updateTrigger')"
          :config="configRange"
          placeholder="Select date range"
        />

在这里，我只想在用户选择 date_range 之后发出 updateTrigger，而不是在选择单个日期之后。这里它在关闭日期选择器后触发 updateTrigger，但在过滤器上，我只得到一个日期。

Answer 1

您可以在 onChange 事件中检查是否为 selectedDates.length === 2。所以放入 flatpickr @on-change="updateTrigger" 然后 make 函数：

const updateTrigger = (selectedDates, dateStr, instance) => {
    if (selectedDates.length === 2) {
        $emit('update:filter', selectedDates);          
    }
};