vue el-time-picker设置间隔15分钟

在Vue中使用Element UI的`el-time-picker`组件设置间隔为15分钟，你可以通过监听时间范围变化来限制可选择的间隔时间，并且需要自定义一个滚动步长为15分钟的功能。下面是一种可能的做法：

首先，在HTML模板中使用`el-time-picker`：

<el-form-item label="时间选择">
  <el-time-picker v-model="currentTime" placeholder="请选择时间"
                  :picker-options="{ minuteStep: 15 }"></el-time-picker>
</el-form-item>

在这里，我们设置了`minuteStep`属性为15，表示每次选择只能增加15分钟。

然后，在JavaScript中，可以定义一个计算属性`timeOptions`来存储15分钟的整数时刻，并在用户选择时间时检查它是否在允许范围内：

data() {
  return {
    currentTime: '',
    timeOptions: Array.from({ length: 90 }, (_, i) => i * 15), // 90个15分钟覆盖一个半小时
  }
},
watch: {
  currentTime(newTime) {
    // 检查新时间是否合法
    const validTime = this.timeOptions.includes(newTime);
    if (!validTime) {
      this.currentTime = this.timeOptions[0]; // 回滚到第一个有效时间
    }
  }
}

如果用户选择了一个不在15分钟间隔内的值，`currentTime`将被自动更改为最近的有效时间。