Vant 组件：使用 van-cell 和 van-popup 实现年月日选择

要在 Vant 组件中选择年月日，可以结合使用 van-cell 组件和 van-popup 组件。

首先，在页面中引入 Vant 组件库和所需的样式：

<template>
  <div>
    <van-cell title='选择日期' @click='showPopup'></van-cell>
    <van-popup v-model='showDatePicker' position='bottom'>
      <van-datetime-picker
        v-model='selectedDate'
        type='date'
        :min-date='minDate'
        :max-date='maxDate'
        @confirm='onConfirm'
      ></van-datetime-picker>
    </van-popup>
  </div>
</template>

<script>
import { VanCell, VanPopup, VanDatetimePicker } from 'vant';

export default {
  components: {
    VanCell,
    VanPopup,
    VanDatetimePicker
  },
  data() {
    return {
      showDatePicker: false,
      selectedDate: '',
      minDate: new Date(2000, 0, 1),
      maxDate: new Date(2022, 11, 31)
    };
  },
  methods: {
    showPopup() {
      this.showDatePicker = true;
    },
    onConfirm(value) {
      this.selectedDate = value;
      this.showDatePicker = false;
      // 可以在这里处理选择日期后的逻辑
    }
  }
};
</script>

在上述示例中，通过van-cell组件创建了一个可点击的单元格，点击后弹出日期选择器。通过van-popup组件实现弹出框的效果，在弹出框中使用van-datetime-picker组件选择日期，并通过v-model绑定selectedDate属性获取选择的日期值。min-date和max-date属性可以设置可选择的日期范围。

当点击确认按钮时，会触发confirm事件，通过onConfirm方法获取选择的日期值，并关闭弹出框。你可以在onConfirm方法中处理选择日期后的逻辑。