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组件表单数据回显验证及提交的实例代码，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-08-08
这篇文章主要介绍了vue-cli构建的项目如何手动添加eslint配置，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-04-04
今天要讲讲Vue2.0了。最近将公司App3.0用vue2.0构建了一个web版，因为是第一次使用vue，而且一开始使用的时候2.0出来一个月不到，很多坑都是自己去踩的，现在项目要上线了，所以记录一些过程2017-01-01
这篇文章主要介绍了过滤器vue.filters的使用方法实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-09-09
vue项目中接入websocket时需要ip端口动态部署问题
这篇文章主要介绍了vue项目中接入websocket时需要ip端口动态部署问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2023-09-09
这篇文章主要介绍了vue中的input框点击后不聚焦问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-04-04
这篇文章主要为大家详细介绍了使用Vue实现简单计算器，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-02-02
这篇文章主要介绍了vue中的双向数据绑定原理与常见操作技巧,结合实例形式详细分析了vue中双向数据绑定的概念、原理、常见操作技巧与相关注意事项,需要的朋友可以参考下2020-03-03
这篇文章主要为大家详细介绍了vue前后分离调起微信支付，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-07-07
vue 是一个完全支持组件化开发的框架， 组件之间可以进行相互的引用，这篇文章主要介绍了vue中注册组件的两种方式详解(全局注册&& 局部注册),需要的朋友可以参考下2023-06-06
最新评论