1.表单添加两个框,prop写上
<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
ruleForm: {dateSectOne:{first:'',second:'',},
},
rules: {dateSectOne: [{validator: this.validateFields, required: true, message: '请选择班次时间'},],
}
3.validateFields设置
validateFields(rule, value, callback) {// 在这里编写验证逻辑if (value.second && value.first) {callback();} else {callback(new Error('请选择时间'));}},