vant日期,vant-picker,vant calendar,vant点击切换日历月份,vant怎么用,vant-cli
Vant4 TimePicker 是一个基于 Vue.js 的时间选择器组件。它可以让用户方便地选择小时、分钟和秒钟，支持多种选项设置和样式定制。

以下是一个简单的 Vant4 TimePicker 示例：

html
<template>
<van-time-picker v-model="currentTime" />
</template>

<script>
import { TimePicker } from 'vant';

export default {
components: {
[TimePicker.name]: TimePicker,
},

data() {
return {
currentTime: new Date(),
};
},
};
</script>


在上面的示例中，我们首先引入了 Vant4 的 TimePicker 组件，并将其注册为一个局部组件。然后，在 data 中定义了一个 Date 对象作为当前选中的时间，同时将它绑定到 TimePicker 的 v-model 上，以便同步更新。

除了 v-model，Vant4 TimePicker 还支持各种其他选项，例如 type（选择器类型，支持 time 和 timerange）、min-hour（最小小时数）、max-hour（最大小时数）等等。您可以根据自己的需求进行配置和定制。