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
)
}
}
},
}
}
相關文章
- JN專案-時間查詢,結束時間比開始時間小給提示
- 使用 Element+vue實現開始時間結束時間限制Vue
- PHP獲取當前季度的開始時間和結束時間PHP
- MySQL如何獲取binlog的開始時間和結束時間MySql
- 泛微oa流程表單之請假單(判斷請假結束時間不能小於等於請假開始時間)
- 查詢時若時間為空,開始時間取今天的零點,結束時間取當前時間
- React Native日期時間選擇元件React Native元件
- 直播帶貨原始碼,日期時間選擇器 選擇範圍限制原始碼
- element-ui 時間選擇器設定時間選擇範圍UI
- Flutter 日期時間選擇類控制元件及國際化Flutter控制元件
- 自定義時間選擇器
- BootStrapDatePicker時間選擇器--TangobootGo
- iOS簡易時間選擇器iOS
- 小程式年月日時間段區間選擇
- Python之時間和日期使用小結Python
- IOS之UIDatePicker實現時間日期選擇iOSUI
- Laravel admin 如何生成 開始時間和結束時間範圍之內的篩選條件 (2 個欄位)Laravel
- element日期選擇器,時間範圍設定為一週,vue中的寫法Vue
- js 根據開始日期和結束日期顯示倒數計時JS
- [Flutter package]簡單好用好擴充套件的時間日期選擇器FlutterPackage套件
- 【新特性速遞】最佳化日期選擇器的時間皮膚
- Android UI控制元件系列:DatePicker,TimePicker(日期和時間選擇)AndroidUI控制元件
- 遊戲陪玩系統開發,日期時間選擇介面的實現遊戲
- vue 手寫一個時間選擇器Vue
- vue 日期時間過濾器Vue過濾器
- 微信小程式-選擇時間(一週的某一時刻)微信小程式
- dcat-admin 統計修改時間選擇器 日期範圍查詢
- Java 中的時間日期 APIJavaAPI
- 時間選擇外掛ClockPickerKPI
- 設計和編寫一個非同步通用Picker選擇器,用於時間日期、城市、商品分類的選擇非同步
- jquerydatetimepicker日期時間控制元件jQuery控制元件
- iOS日期時間iOS
- 關於My97DatePicker時間外掛選擇周的時間格式
- 直播電商原始碼,活動開始時間計時器原始碼
- Oracle關於時間/日期的操作Oracle
- js將時間日期物件轉換為時間日期字元JS物件字元
- js獲取指定時間日期和當前時間日期的相差多少時間JS
- 移動端時間選擇器(更新 1.2.0 版本)