- <el-date-picker style="width: 100%" type="date" v-model="form.resetDate" align="right" :value-format="'yyyy-MM-dd'" placeholder="选择调整日期"
- :disabled="this.disabled "
- :picker-options="{
- disabledDate: (time) =>
- time.getTime() <
- new Date(new Date().setHours(0, 0, 0, 0))
- }">
- el-date-picker>
效果图:

"12"> -
"开始时间" prop="enterTime"> -
"form.enterTime" :disabled="this.disabled" :value-format="'HH:mm'" format="HH:mm" style="width: 100%" placeholder="请选择开始时间" - :picker-options="{selectableRange:`00:00:00-${form.stopTime ? form.stopTime + ':00' : '23:59:59'}`}">
-
-
-
-
"12"> -
"结束时间" prop="stopTime"> -
"form.stopTime" :disabled="this.disabled" :value-format="'HH:mm'" format="HH:mm" style="width: 100%" placeholder="请选择结束时间" - :picker-options="{selectableRange:`${form.enterTime ? form.enterTime + ':00' : '00:00:00'}-23:59:59`}">
-
-
-
效果图:
- <el-col :span="12">
- <el-form-item label="停机时间" prop="enterTime">
- <el-date-picker v-model="form.enterTime" type="datetime" :disabled="this.disabled" placeholder="请选择进车时间" align="right" :value-format="'yyyy-MM-dd HH:mm'"
- style="width: 100%" :picker-options="pickerOptions">
- el-date-picker>
- el-form-item>
- el-col>
- <el-col :span="12">
- <el-form-item label="结束时间" prop="stopTime">
- <el-date-picker v-model="form.stopTime" type="datetime" :disabled="this.disabled" placeholder="请选择结束时间" align="right" :value-format="'yyyy-MM-dd HH:mm'"
- style="width: 100%" :picker-options="pickerOptions" @change="pickerOptionsEnd(form.enterTime,form.stopTime)">
- el-date-picker>
- el-form-item>
- el-col>
- // 结束时间不能小于开始时间
- pickerOptionsEnd(start,end){
- console.log(start)
- console.log(end)
- if(Date.parse(end )<= Date.parse(start) ) {
- this.form.stopTime = ''
- this.$modal.msgError("结束时间不能小于停机时间");
- }
- },
效果图:
