Vant 日期选择器:如何选择年月日?
在 Vant 组件库中选择年月日,可以使用其提供的日期选择组件 'DatetimePicker'。
具体的写法如下:
<template>
<div>
<van-datetime-picker
v-model='value'
type='date'
title='选择日期'
@confirm='onConfirm'
/>
</div>
</template>
<script>
export default {
data() {
return {
value: '', // 存储选择的日期
};
},
methods: {
onConfirm(value) {
console.log(value); // 打印选择的日期
},
},
};
</script>
在上述代码中,使用了 'DatetimePicker' 组件来选择日期,设置 'type' 属性为 'date' 表示选择年月日。
'v-model' 指令用于双向绑定选择的日期,选择的日期会存储在 'value' 变量中。
'title' 属性用于设置选择器的标题。
'@confirm' 事件在选择日期后触发,通过回调函数获取选择的日期。
你可以根据自己的需求进行修改和定制,例如设置默认值、限制选择范围等。
原文地址: https://www.cveoy.top/t/topic/qmXn 著作权归作者所有。请勿转载和采集!