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

max-date

在确定选择日期函数中判断: 开始时间不能大于结束时间、时间跨度不能大于180天

总结

以上为个人经验,希望能给大家一个参考,也希望大家多多支持云海天教程。

原文地址:https://blog.csdn.net/weixin_43893477/article/details/120455860