vant使用datetime-picker组件设置maxDate和minDate遇到的坑

需求

使用vant使用datetime-picker组件实现选择日期范围

  1. 开始时间不能大于结束时间
  2. .时间跨度不能大于180天
    vant使用datetime-picker组件

问题描述

分别设置开始时间及结束时间的maxDate和minDate
在这里插入图片描述
在这里插入图片描述
点击选择了开始时间之后，在点击选择结束时间页面卡着不动了

原因

datetime-picker组件中绑定的min-date和max-date不可以是动态的，只能绑定一个固定的值，否则就会导致页面卡死

解决方法

  1. 组件中只设置一个max-date，在data中定义maxDate: new Date()
    max-date
  2. 在确定选择日期函数中判断： 开始时间不能大于结束时间、时间跨度不能大于180天
    在这里插入图片描述
    在这里插入图片描述
    ps:欢迎有更好解决方法的小伙伴一起讨论！！！
版权声明：本文为weixin_43893477原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接和本声明。