html中的代码: <Form ref="ruleForm" :model="extension" :rules="ruleoptions"> <Col :span="6" prop="lease"> <Form-item label="租赁周期" prop="lease"> <DatePicker transfer style="width:100%;" format="yyyy-MM-dd" type="daterange" :editable="false" clearable :value ='extension.lease' //这样写的原因是为了输出标准的时间格式 @on-change="extension.lease=$event"//这样写的原因是为了输出标准的时间格式 > </Form-item> </Col> </Form> ruleoptions验证规则的代码:
ruleoptions={ lease: [{ type: 'array', required: true, fields: { 0: { required: true,type: 'date', message: '请选择全天/时间范围1'}, 1: { required: true,type: 'date', message: '请选择全天/时间范围2'} } }] }
data中的数据:
extension = {
lease:[]
}
当时被这个验证的问题困扰了很久,希望可以给在iview中学习(踩坑)的一些帮助!