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

2022-05-25 04:27:07 字數 659 閱讀 8450

​ elementui提供的日期選擇器,開發中遇到了要設定日期的可選範圍為今天及以後的時間;

單個日期控制

​ vue**:

限制不能選擇今天之前的日期(可以選擇今天的日期)

限制不能選擇今天之前的日期(不能選擇今天的日期)

兩個日期聯動控制

​ 運用場景:

1、當天日期為:2021-01-07

2、elementui的兩個日期選擇框:起送時間、送達時間

限制情況:

1、起送時間、送達時間都不能選擇今天之前的日期(即:2021-01-06之後)

2、若起運時間選擇了2021-01-07,送達時間便不能選擇2021-01-07之前的日期(即:2021-01-07之後)

3、若送達時間選擇了2021-01-08,起送時間便不能選擇今天之前的日期,且不能選擇2021-01-09之後的日期(即:2021-01-07至2021-01-09)

**:

實現的效果如下:

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日期選擇器中,獲取不同格式的時間 v model ruleform.zeroing type date type datetime value format timestamp style width 240px placeholder 選擇日期 value format yy...