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