小程序 Vant 组件库 dateTimePicker

Question

这个组件 我想自定义 分钟数每30一选 初始值为当前时间 我该怎么改这个啊
完全没有头绪 求大神指教 或是有自定义picker可以推荐一下 谢谢

Answer 1

选项过滤器
通过传入filter函数，可以对选项数组进行过滤，实现自定义时间间隔

<van-datetime-picker
  v-model="currentTime"
  type="time"
  :filter="filter"
/>
export default {
  data() {
    return {
      currentTime: '12:00'
    };
  },

  methods: {
    filter(type, options) {
      if (type === 'minute') {
        return options.filter(option => option % 30 === 0)
      }

      return options;
    }
  }
}