iview日期控件Date-picker类型为daterange、datetime等的表单检验问题最优处理方式

iview 日期控件Date-picker type="daterange"的表单检验出错的解决办法

iview标签

<Date-picker type="daterange" v-model="query.idate" placement="bottom" placeholder="选择日期" clearable></Date-picker>

校验使用type="daterange"会报错

validateRole:{
                    idate: [
                        { required: true, type: "daterange", message: '填报日期不能为空', trigger: 'change' }
                    ]
}

解决办法，使用函数进行校验

validateRole:{
				idate: [
                        { required: true, validator: validateDaterange, trigger: 'change'}
                    ]
}
注：写在return上面
var validateDaterange = function(rule, value, callback){
                if(Array.isArray(value)){
                    value.forEach(item => {
                        if(item === ""){
                            return callback(new Error("日期不能为空"))
                        }
                    })
                }
                return callback()
            }
return {

}