element-ui 选择日期范围的校验

Question

后端那边要求把这个日期范围的选择做成表单的必填项，但是没有在element-ui中找到对应的校验，我试着在rules中填写了required和message,但是没有选择时间时页面上并没有显示“请选择时间”字样，有谁能帮忙解答一下吗，多谢啦

Answer 1

{ type: 'array', required: true, message: '请选择起始日期', trigger: 'change' }类型改为 array

Answer 2

自定义验证

Answer 3

可以自定义一个检验啊data(){    var validDate = (rule,value,callback) => {        if(!value[0] || !value[1]){             callback(new Error("请选择时间"))         }else{             callback()         }     }    return {         rules: {             daterange: [{                 validator: validDate,                 trigger: 'blur'             }]         }     } }还可以进行复杂一点的验证，比如daterange是否是数组类型，还有日期间隔的验证