Iview DatePicker 限制選擇當(dāng)前月份及以后的月份
更新時間：2024年11月18日 11:24:32 作者：Э時間行者于我
文章介紹了如何使用iviewDatePicker組件限制用戶只能選擇當(dāng)前月份及以后的月份,并提供了相關(guān)的html代碼和js代碼示例,感興趣的朋友跟隨小編一起看看吧
iview DatePicker之前月份禁用且下月可用
html代碼
<DatePicker type="month" :options="options4" :value="dialogForm.estimatedStartTimeWithCreate" @on-change="monthTime($event, 'loadDateStart')" placeholder="請選擇時間" class="itemMonth" style="width: 210px"></DatePicker>
js代碼
data() {
return {
dialogForm: {
estimatedStartTimeWithCreate: '', // 綁定的日期值
},
options4: {
disabledDate(date) {
const disabledDay = new Date()
return date && date.valueOf() < disabledDay.setMonth(disabledDay.getMonth() - 1)
}
}
}
},
methods: {
monthTime(val) {
console.log('monthTime:', val)
this.dialogForm.estimatedStartTimeWithCreate = val
}
}到此這篇關(guān)于Iview DatePicker 僅允許選擇當(dāng)前月份及以后的月份的文章就介紹到這了,更多相關(guān)Iview DatePicker僅允許選擇當(dāng)前月份內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
Bootstrap基本組件學(xué)習(xí)筆記之縮略圖(13)
這篇文章主要為大家詳細(xì)介紹了Bootstrap基本組件學(xué)習(xí)筆記之縮略圖,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-12-12
用戶輸入密碼時都是顯示的星號了，那么我們希望查看明文要怎么查看呢，下面我們只要使用一段簡單的js就可以實現(xiàn)查看密碼框的明文了，有需要的小伙伴可以來參考下。2015-05-05
本篇文章主要是對JavaScript網(wǎng)頁定位進(jìn)行了詳細(xì)的介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-01-01
這篇文章主要介紹了探究一道價值25k的螞蟻金服異步串行面試題，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-08-08
這篇文章主要介紹了JS對象的深度克隆方法,結(jié)合實例形式分析了JavaScript深度克隆的實現(xiàn)技巧,需要的朋友可以參考下2017-03-03
一款JavaScript壓縮工具：X2JSCompactor
一款JavaScript壓縮工具：X2JSCompactor...2007-06-06
今天小編就為大家分享一篇layui 解決富文本框form表單提交為空的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-10-10
jJavaScript中toFixed()和正則表達(dá)式的坑
這篇文章主要介紹了jJavaScript中toFixed()和正則表達(dá)式的坑，toFixed方法可以把Number四舍五入為指定小數(shù)位數(shù)的數(shù)字，具體詳細(xì)內(nèi)容需要的小伙伴可以參考一下2022-04-04
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)帶滑塊的進(jìn)度條，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-06-06
這篇文章主要介紹了詳解用js代碼觸發(fā)dom事件的實現(xiàn)方案，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-06-06