短視訊平臺搭建，選擇年月日時間軸日期

短視訊平臺搭建，選擇年月日時間軸日期實現的相關程式碼

 <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>

以上就是 短視訊平臺搭建，選擇年月日時間軸日期實現的相關程式碼，更多內容歡迎關注之後的文章