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

Question

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

Answer 1

可以自定义一个检验啊

data(){
    var validDate = (rule,value,callback) => {
        if(!value[0] || !value[1]){
            callback(new Error("请选择时间"))
        }else{
            callback()
        }
    }
    return {
        rules: {
            daterange: [{
                validator: validDate,
                trigger: 'blur'
            }]
        }
    }
}

还可以进行复杂一点的验证，比如daterange是否是数组类型，还有日期间隔的验证

Answer 2

http://element-cn.eleme.io/#/...
Form 组件提供了表单验证的功能，只需要通过 rules 属性传入约定的验证规则，并将 Form-Item 的 prop 属性设置为需校验的字段名即可.仔细看一下文档