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實現(xiàn)商品多選功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-04-04
vue項目動態(tài)渲染input,綁定的參數(shù)不實時更新問題
這篇文章主要介紹了vue項目動態(tài)渲染input,綁定的參數(shù)不實時更新問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-03-03
這篇文章主要介紹了詳解vue或uni-app的跨域問題解決方案，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-02-02
本文詳細介紹了從vue的組件傳值著手觀察者模式，感興趣的同學(xué)，可以參考下，理解其原理。2021-06-06
這篇文章主要介紹了Vue?服務(wù)端渲染SSR示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-07-07
這篇文章主要介紹了Vue數(shù)據(jù)綁定簡析小結(jié)，本文將從源碼的角度來對Vue響應(yīng)式數(shù)據(jù)中的觀察者模式進行簡析。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-05-05
Vue.js是一個專注于視圖模型(ViewModal)的框架。接下來給大家?guī)砹藇ue.js快速入門教程，非常不錯，具有參考借鑒價值，一起看看吧2016-09-09
vue 修改 data 數(shù)據(jù)問題并實時顯示操作
這篇文章主要介紹了vue 修改 data 數(shù)據(jù)問題并實時顯示操作，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-09-09
vue v-for 點擊當(dāng)前行,獲取當(dāng)前行數(shù)據(jù)及event當(dāng)前事件對象的操作
這篇文章主要介紹了vue v-for 點擊當(dāng)前行,獲取當(dāng)前行數(shù)據(jù)及event當(dāng)前事件對象的操作，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-09-09
Element的Pagination分頁sync問題小結(jié)
本文主要介紹了Element的Pagination分頁sync問題小結(jié)，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-07-07