elemnet里面的两个时间控件
<el-row :gutter="24" style="margin-bottom: 20px;">
<el-col :span="12">
<el-form-item label="计划开始时间" class="date-picker" prop="plannedStartTime">
<el-date-picker
v-model="changeForm.plannedStartTime"
:picker-options="setStartDisabled"
type="datetime"
format="yyyy-MM-dd HH:mm"
value-format="timestamp"
placeholder="选择日期时间"/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="计划结束时间" class="date-picker" prop="plannedFinshTime">
<el-date-picker
v-model="changeForm.plannedFinshTime"
:picker-options="setFinshisabled"
type="datetime"
format="yyyy-MM-dd HH:mm"
value-format="timestamp"
placeholder="选择日期时间"/>
</el-form-item>
</el-col>
</el-row>
这里不能选择今天之前的时间 这个是放在data里面 如没有此要求可不用
setStartDisabled: {
disabledDate: (time) => {
return time.getTime() + 24 * 60 * 60 * 1000 < Date.now()
},
setFinshisabled: {
disabledDate: (time) => {
return time.getTime() + 24 * 60 * 60 * 1000 < Date.now()
}
}
点击确定按钮的时候 把这个判断放进去
if (this.changeForm.plannedStartTime > this.changeForm.plannedFinshTime) {
this.$message.error('结束日期不能在开始日期之前')
return
}
return 出来就不会继续执行后面的接口了