html里面
开始时间:
<el-form-item label="开始时间:" prop="startTime">
<el-date-picker
@change="pickerOptionsStart"
v-model="ruleForm.startTime"
type="datetime"
value-format="yyyy-MM-dd HH:mm:ss"
placeholder="选择日期时间">
</el-date-picker>
</el-form-item>
结束时间
<el-form-item label="结束时间:" prop="endTime">
<el-date-picker
@change="pickerOptionsEnd"
v-model="ruleForm.endTime"
type="datetime"
value-format="yyyy-MM-dd HH:mm:ss"
placeholder="选择日期时间">
</el-date-picker>
</el-form-item>
JS
methods: {
// 开始时间不能大于结束时间
pickerOptionsStart(){
if(Date.parse(this.ruleForm.startTime )>= Date.parse(this.ruleForm.endTime) ){
this.ruleForm.startTime = ''
this.$notify({
title: '警告',
message: '开始时间不能大于结束时间',
type: 'warning'
});
return
}
},
// 结束时间不能小于开始时间
pickerOptionsEnd(){
if(Date.parse(this.ruleForm.endTime )<= Date.parse(this.ruleForm.startTime) ) {
this.ruleForm.endTime = ''
this.$notify({
title: '警告',
message: '结束时间不能小于开始时间',
type: 'warning'
});
}
},
}