element ui 日期選擇範圍限制

2022-05-18 03:46:44 字數 976 閱讀 4545

餓了麼ui本身雖然提供了帶有開始結束的聯動日期元件el-date-picker,但是調整日期時兩個都要選擇,專案中採用了開始、結束分離的形式,而對日期進行限制時就需要使用

picker-options進行設定,html**如下:

<

el-date-picker

v-model

="begindate"

type

="date"

v-bind:clearable

="false"

v-bind:editable

="false"

v-bind:picker-options

="setmaxdate"

placeholder

="選擇日期"

>

el-date-picker

>

<

el-date-picker

v-model

="enddate"

type

="date"

v-bind:clearable

="false"

v-bind:editable

="false"

v-bind:picker-options

="setmindate"

placeholder

="選擇日期"

>

el-date-picker

>

js**(需要提前在data中宣告對應變數):

mounted() 

}that.setmindate =}}

效果如下:

ElementUI 日期選擇器時間選擇範圍限制

elementui是餓了麼推出的一套基於vue2.x的乙個ui框架。官方文件也很詳細,這裡做乙個element ui日期外掛程式的補充。官方文件中使用picker options屬性來限制可選擇的日期,這裡舉例子稍做補充。block demonstration 設定預設時間 v model rele...

ElementUI日期選擇器時間選擇範圍限制

elementui是餓了麼推出的一套基於vue2.x的乙個ui框架。官方文件也很詳細,這裡做乙個element ui日期外掛程式的補充,官方文件中使用picker options屬性來限制可選擇的日期,這裡舉例子稍做補充。一 單個輸入框的 元件 picker v model value1 type ...

ElementUI日期選擇器的時間範圍控制

elementui提供的日期選擇器,開發中遇到了要設定日期的可選範圍為今天及以後的時間 單個日期控制 vue 限制不能選擇今天之前的日期 可以選擇今天的日期 限制不能選擇今天之前的日期 不能選擇今天的日期 兩個日期聯動控制 運用場景 1 當天日期為 2021 01 07 2 elementui的兩個...