elementUI中日期選擇器,控制開始時間小於結束時間
此處做一個解釋:
:picker-options=“updateTime” 為當前時間日期選擇器特有的選項參考下表,而且可以用vue中的函式來做篩選,將data資料來源中的updateTime給:picker-options使用
<el-form-item style='width: 100%;' label="開始日期:">
<el-date-picker style='width: 100%;' value-format="yyyy-MM-dd" format="yyyy-MM-dd" :picker-options="updateTime" v-model="addphase.totime" type="date" placeholder="請選擇開始日期" >
</el-date-picker>
</el-form-item>
<el-form-item style='width: 100%;' label="結束日期:">
<el-date-picker style='width: 100%;' value-format="yyyy-MM-dd" format="yyyy-MM-dd" :picker-options="actStartTime" v-model="addphase.outtime" type="date" placeholder="請選擇結束日期" >
</el-date-picker>
</el-form-item>
data{
return{
updateTime: { // 開始日期小於結束日期
disabledDate: time => {
let endDateVal = this.addphase.outtime
if (endDateVal) {
return time.getTime() > new Date(endDateVal).getTime()
}
}
},
actStartTime: { // 結束日期
disabledDate: time => {
let beginDateVal = this.addphase.totime
if (beginDateVal) {
return (
time.getTime() <
new Date(beginDateVal).getTime() - 1 * 24 * 60 * 60 * 1000
)
}
}
},
}
}
相關文章
- flink 中window的開窗開始時間、結束時間講解
- MySQL如何獲取binlog的開始時間和結束時間MySql
- 使用 Element+vue實現開始時間結束時間限制Vue
- React Native日期時間選擇元件React Native元件
- element 時間選擇器禁止選擇以前的時間
- MySQL如何快速獲取binlog的開始時間和結束時間MySql
- PHP獲取當前季度的開始時間和結束時間PHP
- 查詢時若時間為空,開始時間取今天的零點,結束時間取當前時間
- Flutter 日期時間選擇類控制元件及國際化Flutter控制元件
- 直播帶貨原始碼,日期時間選擇器 選擇範圍限制原始碼
- element-ui 時間選擇器設定時間選擇範圍UI
- IOS之UIDatePicker實現時間日期選擇iOSUI
- 泛微oa流程表單之請假單(判斷請假結束時間不能小於等於請假開始時間)
- 自定義時間選擇器
- Python之時間和日期使用小結Python
- jquerydatetimepicker日期時間控制元件jQuery控制元件
- 小程式年月日時間段區間選擇
- Laravel admin 如何生成 開始時間和結束時間範圍之內的篩選條件 (2 個欄位)Laravel
- [Flutter package]簡單好用好擴充套件的時間日期選擇器FlutterPackage套件
- 【新特性速遞】最佳化日期選擇器的時間皮膚
- dcat-admin 統計修改時間選擇器 日期範圍查詢
- element日期選擇器,時間範圍設定為一週,vue中的寫法Vue
- vue 日期時間過濾器Vue過濾器
- vue 手寫一個時間選擇器Vue
- iOS日期時間iOS
- 日期和時間
- 日期時間類
- 設計和編寫一個非同步通用Picker選擇器,用於時間日期、城市、商品分類的選擇非同步
- Java 中的時間日期 APIJavaAPI
- 遊戲陪玩系統開發,日期時間選擇介面的實現遊戲
- 微信小程式-選擇時間(一週的某一時刻)微信小程式
- 短視訊平臺搭建,選擇年月日時間軸日期
- 日期和時間格式
- JavaScript 時間日期操作JavaScript
- Python 日期和時間Python
- Java日期和時間Java
- datetime日期和時間
- Pandas中時間和日期處理