ivew 日期选择表单验证

<FormItem label="开始日期：" prop="beginTime">
    <DatePicker v-model="roleForm.beginTime" type="date" placeholder="Select date" class="w200"></DatePicker>
</FormItem>

beginTime: [{required: true, type: 'date',message: '请选择开始日期', trigger: 'blur'}], // type必须填写否则验证不过

 

<FormItem label="起止时间：" prop="time">
    <DatePicker v-model="roleForm.time" placeholder="请选择起止时间" class="w200" type="daterange"></DatePicker>
</FormItem>

roleFormRules: {
    time: [{type: 'array',
        required: true,
        fields: {
            0: {type: 'date', required: true, message: '请选择起止日期'},
            1: {type: 'date', required: true, message: '请选择起止日期'}
        }
    }],
 },