1.表单添加两个框,prop写上
bash
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" >
<el-form-item type="type" label="时间" prop="dateSectOne">
<div class="timeShijian">
<el-time-picker :clearable="false" v-model="ruleForm.dateSectOne.first" placeholder="开始时间" value-format="HH:mm" format="HH:mm"></el-time-picker>
<el-time-picker :clearable="false" v-model="ruleForm.dateSectOne.second" value-format="HH:mm" placeholder="结束时间" format="HH:mm"></el-time-picker>
</div>
</el-form-item>
</<el-form >
2.data里写,验证规则添加validator: this.validateFields
bash
ruleForm: {
dateSectOne:{first:'',second:'',},
},
rules: {
dateSectOne: [
{validator: this.validateFields, required: true, message: '请选择班次时间'},
],
}
3.validateFields设置
bash
validateFields(rule, value, callback) {
// 在这里编写验证逻辑
if (value.second && value.first) {
callback();
} else {
callback(new Error('请选择时间'));
}
},