uniapp如何自己写一个年月日分开上下拖动选择日期的代码？

这个是三个swiper实现的。

<template>
  <view class="swiper-container align-center">
    <swiper
	vertical
      class="swiper"
      :current="currentYearIndex"
      @change="onYearChange"
      :duration="300"
	      :display-multiple-items="4"
		  :circular="true"

    >
      <swiper-item v-for="(year, index) in years" :key="index">
        <view :class="'item '+(currentYearIndex==index?'curent':'nocrt')" >{{ year }}</view>
      </swiper-item>
    </swiper>
    
    <swiper
	vertical
      class="swiper"
      :current="currentMonthIndex"
      @change="onMonthChange"
      :duration="300"
	   :display-multiple-items="4"
	    :circular="true"
    >
      <swiper-item v-for="(month, index) in months" :key="index">
        <view :class="'item '+(currentMonthIndex==index?'curent':'nocrt')" >{{ month }}</view>
      </swiper-item>
    </swiper>
    
    <swiper
	vertical
      class="swiper"
      :current="currentDayIndex"
      @change="onDayChange"
      :duration="300"
	   :display-multiple-items="4"
	     :circular="true"
    >
      <swiper-item v-for="(day, index) in days" :key="index">
        <view :class="'item '+(currentDayIndex==index?'curent':'no...

点击查看剩余70%