vantdatetimepicker获取时间
时间: 2023-06-29 13:19:22 浏览: 50
要使用 Vant 组件库中的 DatetimePicker 获取时间,你可以在组件中加入 `@confirm` 事件监听器,这样在用户点击确认按钮后就会触发该事件,并将选择的时间作为参数传入该事件。以下是一个示例代码:
```html
<template>
<van-datetime-picker
v-model="datetime"
type="datetime"
@confirm="handleConfirm"
/>
</template>
<script>
export default {
data() {
return {
datetime: new Date()
};
},
methods: {
handleConfirm(value) {
console.log(value); // 输出用户选择的时间
}
}
};
</script>
```
在上述代码中,我们通过 `v-model` 绑定了 DatetimePicker 的值,这里初始化为当前时间。在用户点击确认按钮后,`handleConfirm` 方法会被调用,并将用户选择的时间作为参数传入,你可以在该方法中对时间进行进一步处理或使用。