vant时间选择器中对minDate进行初始化

发布时间 2023-10-27 18:07:41作者: 紫诺花开

vant组件库中,DatetimePicker 可以通过 min-date 和 max-date 属性确定可选的时间范围。

但他只支持Date类型,时间戳的话会报错,需要转换一下

   <van-popup v-model="showStartTime" position="bottom">
        <van-datetime-picker
          v-model="defaultStartDate"
          type="date"
          title="选择起期"
          :min-date="minDate"
          :max-date="maxDate"
          @cancel="showStartTime = false"
          @confirm="commitStartTime"
        />
   </van-popup>

  

data(){
   return {
       minDate: new Date(),
       maxDate: new Date(2028, 12, 12)
    }
}

 

const myDate = new Date();
const d = myDate.setDate(myDate.getDate()+1);
this.minDate = new Date(d)