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

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

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

1
2
3
4
5
6
7
8
9
10
11
<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>

  

1
2
3
4
5
6
data(){
   return {
       minDate: new Date(),
       maxDate: new Date(2028, 12, 12)
    }
}

 

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

  

 

posted @   紫诺花开  阅读(442)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 地球OL攻略 —— 某应届生求职总结
· 提示词工程——AI应用必不可少的技术
· Open-Sora 2.0 重磅开源!
· 周边上新:园子的第一款马克杯温暖上架
历史上的今天:
2019-10-27 mock模拟后台数据
点击右上角即可分享
微信分享提示