小程序 Vant 组件库 dateTimePicker

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

2个回答

选项过滤器
通过传入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;
    }
  }
}

可以用原生的 input type="time"并且在onchange里面控制

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问
相关内容推荐