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是否是数组类型，还有日期间隔的验证