Question

我正在尝试检测日期选择器的更改事件。当用户从日历中选择多天时，它工作正常。但是如果用户选择单个日期，则不会触发更改方法。我的尝试如下。

<v-date-picker
        v-model="dates"
        range
        color="primary"
        id="calendar1"
        @change="sendRange"
      ></v-date-picker>
sendRange(): void {
  console.log("executed") // executed for multiple date range selection only
}

我哪里出错了，我该如何解决？

Answer 1

使用 @input 它将在选择器处于范围模式时选择单个日期时调用

<块引用>

即使日期的任何部分（年/月/日）发生变化，响应式日期选择器也会发出输入，但仅当日（对于日期选择器）或月（对于月份选择器）发生变化时才会发出 change 事件。如果设置了 range 属性，则在选择 [from, to] 时，日期选择器会发出更改。

检查文档

https://vuetifyjs.com/en/api/v-date-picker/#events

v 日期选择器在选择单个日期时不调用更改事件

1 个答案: