vant使用datetime-picker组件设置maxDate和minDate的坑及解决
作者：遇事皆问春风
这篇文章主要介绍了vant使用datetime-picker组件设置maxDate和minDate的坑及解决方案，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
需求
使用vant使用datetime-picker组件实现选择日期范围
- 1.开始时间不能大于结束时间
- 2.时间跨度不能大于180天
问题描述
分别设置开始时间及结束时间的maxDate和minDate
点击选择了开始时间之后，在点击选择结束时间页面卡着不动了
原因
datetime-picker组件中绑定的min-date和max-date不可以是动态的，只能绑定一个固定的值，否则就会导致页面卡死
解决方法
组件中只设置一个max-date，在data中定义maxDate: new Date()
在确定选择日期函数中判断： 开始时间不能大于结束时间、时间跨度不能大于180天
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。