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