短视频平台搭建，选择年月日时间轴日期

短视频平台搭建，选择年月日时间轴日期实现的相关代码

 <template v-if="mustInfo.idcardValidPeriod != '-1'">//这是做 是否显示及必填判断
        <van-field v-model="authInfo.startDate"
                   label-class="authTitle"
                   readonly
                   input-align="right"
                   label="起始有效期限"
                   placeholder="请选择起始日期"
                   @click="showPickerbtn1" />
        <van-popup v-model:show="showPicker1"
                   round
                   position="bottom">
          <van-datetime-picker v-model="currentDate"
                               type="date"
                               title="选择年月"
                               :min-date="minDate"
                               :max-date="maxDate"
                               :formatter="formatter"
                               @cancel="showPicker1 = false"
                               @confirm="getStartTime" />
        </van-popup>
      </template>
      <template v-if="mustInfo.idcardValidPeriod != '-1'">
        <van-field v-model="authInfo.endDate"
                   label-class="authTitle"
                   input-align="right"
                   readonly
                   label="结束有效期限"
                   placeholder="请选择结束日期"
                   @click="showPickerbtn2" />
        <van-popup v-model:show="showPicker2"
                   round
                   position="bottom">
          <van-datetime-picker v-model="currentDate"
                               type="date"
                               title="选择年月"
                               :min-date="minDate"
                               :max-date="maxDate"
                               :formatter="formatter"
                               @cancel="showPicker2 = false"
                               @confirm="getEndTime" />
        </van-popup>
      </template>

​以上就是 短视频平台搭建，选择年月日时间轴日期实现的相关代码，更多内容欢迎关注之后的文章