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不可以是動態(tài)的，只能綁定一個固定的值，否則就會導致頁面卡死
解決方法
組件中只設置一個max-date，在data中定義maxDate: new Date()
在確定選擇日期函數中判斷： 開始時間不能大于結束時間、時間跨度不能大于180天
總結
以上為個人經驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
這篇文章主要為大家詳細介紹了vue雙向綁定數據限制長度的方法，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-11-11
Web應用程序中資源分頁不僅對性能很有幫助，而且從用戶體驗的角度來說也是非常有用的。在這篇文章中，將了解如何使用Vue創(chuàng)建動態(tài)和可用的分頁組件2022-12-12
vue使用sass根據環(huán)境進行樣式判斷區(qū)分方式
這篇文章主要介紹了vue使用sass根據環(huán)境進行樣式判斷區(qū)分方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-03-03
最近做項目遇到這樣的需求要求輸入4位或6位短信驗證碼，輸入完成后收起鍵盤。實現步驟大家參考下本文2017-12-12
這篇文章主要介紹了vue:el-input輸入時限制輸入的類型操作，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-08-08
這篇文章主要為大家學習介紹了Vue如何使用echarts繪制柱狀圖和折線圖,文中有詳細的示例代碼,感興趣的小伙伴可以跟隨小編一起學習一下2023-08-08
腳手架是一種用于快速開發(fā)Vue項目的系統(tǒng)架構，這篇文章主要介紹了Vue腳手架實現試卷頁面功能，通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-03-03
這篇文章主要介紹了vant IndexBar實現的城市列表的示例代碼，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-11-11
這篇文章主要介紹了從eleUI的Loading知道了單例模式的用法,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-01-01
這篇文章主要介紹了vue項目中axios請求網絡接口封裝的示例代碼，小編覺得挺不錯的，現在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-12-12