Iview DatePicker 限制選擇當(dāng)前月份及以后的月份
更新時(shí)間：2024年11月18日 11:24:32 作者：Э時(shí)間行者于我
文章介紹了如何使用iviewDatePicker組件限制用戶只能選擇當(dāng)前月份及以后的月份,并提供了相關(guān)的html代碼和js代碼示例,感興趣的朋友跟隨小編一起看看吧
iview DatePicker之前月份禁用且下月可用
html代碼
<DatePicker type="month" :options="options4" :value="dialogForm.estimatedStartTimeWithCreate" @on-change="monthTime($event, 'loadDateStart')" placeholder="請(qǐng)選擇時(shí)間" 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)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
您可能感興趣的文章:
相關(guān)文章
layer子層給父層頁(yè)面元素賦值,以達(dá)到向父層頁(yè)面?zhèn)髦档男Ч麑?shí)例
下面小編就為大家?guī)?lái)一篇layer子層給父層頁(yè)面元素賦值,以達(dá)到向父層頁(yè)面?zhèn)髦档男Ч麑?shí)例。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-09-09
最簡(jiǎn)單的JavaScript驗(yàn)證整數(shù)、小數(shù)、實(shí)數(shù)、有效位小數(shù)正則表達(dá)式
這篇文章主要介紹了最簡(jiǎn)單的JavaScript驗(yàn)證整數(shù)、小數(shù)、實(shí)數(shù)、有效位小數(shù)正則表達(dá)式,其中包含保留1位小數(shù)、保留2位小數(shù)、保留3位小數(shù)等正則,需要的朋友可以參考下2015-04-04
本文主要介紹了原生js實(shí)現(xiàn)選項(xiàng)卡功能的實(shí)例，具有很好的參考價(jià)值。下面跟著小編一起來(lái)看下吧2017-03-03
JavaScript前端靜態(tài)資源加載失敗的多級(jí)解決方案
這篇文章主要為大家詳細(xì)介紹了JavaScript前端靜態(tài)資源加載失敗的多級(jí)解決方案,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以了解一下2025-07-07
本文將介紹js彈出的對(duì)話窗口永遠(yuǎn)保持居中顯示實(shí)現(xiàn)方法，需要了解的朋友可以參考下2012-12-12
alert對(duì)話框的使用給用戶帶來(lái)了很多的方便，而有些時(shí)候不希望讓它存在，接下來(lái)介紹如何使用js攔截alert對(duì)話框,感興趣的朋友可以了解下2013-01-01
XMLHttpRequest對(duì)象_Ajax異步請(qǐng)求重點(diǎn)(推薦)
下面小編就為大家?guī)?lái)一篇XMLHttpRequest對(duì)象_Ajax異步請(qǐng)求重點(diǎn)(推薦)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-09-09
這篇文章主要介紹了小程序自動(dòng)化測(cè)試，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-08-08
微信小程序?qū)崿F(xiàn)一張或多張圖片上傳（云開(kāi)發(fā)）
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)一張或多張圖片上傳，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-09-09
微信小程序的注冊(cè)頁(yè)面包含倒計(jì)時(shí)驗(yàn)證碼、獲取用戶信息
本文通過(guò)實(shí)例代碼給大家介紹了微信小程序的注冊(cè)頁(yè)面包含倒計(jì)時(shí)驗(yàn)證碼、獲取用戶信息的相關(guān)知識(shí)，本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),需要的朋友可以參考下2019-05-05