vant使用datetime-picker组件设置maxDate和minDate的坑及解决
更新时间：2022年12月06日 09:37:03 作者：遇事皆问春风
这篇文章主要介绍了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天
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要为大家详细介绍了vue双向绑定数据限制长度的方法，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-11-11
Web应用程序中资源分页不仅对性能很有帮助，而且从用户体验的角度来说也是非常有用的。在这篇文章中，将了解如何使用Vue创建动态和可用的分页组件2022-12-12
这篇文章主要介绍了vue使用sass根据环境进行样式判断区分方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-03-03
最近做项目遇到这样的需求要求输入4位或6位短信验证码，输入完成后收起键盘。实现步骤大家参考下本文2017-12-12
这篇文章主要介绍了vue:el-input输入时限制输入的类型操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-08-08
这篇文章主要为大家学习介绍了Vue如何使用echarts绘制柱状图和折线图,文中有详细的示例代码,感兴趣的小伙伴可以跟随小编一起学习一下2023-08-08
脚手架是一种用于快速开发Vue项目的系统架构，这篇文章主要介绍了Vue脚手架实现试卷页面功能，通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2020-03-03
这篇文章主要介绍了vant IndexBar实现的城市列表的示例代码，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-11-11
这篇文章主要介绍了从eleUI的Loading知道了单例模式的用法,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-01-01
这篇文章主要介绍了vue项目中axios请求网络接口封装的示例代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-12-12
最新评论