最近在用iview 做项目,这个时间的验证这一块卡住了,发现大部分的都是关于date和datetime 的验证问题,下面把我的关于datetimerange 的验证发出来供大家参考
<Form-item label="投放时间" prop="startEndTime"> <DatePicker :value="formItem.startEndTime" @on-change="selectTime" @on-clear="clearTime" type="datetimerange" placement="bottom-end" placeholder="开始时间-结束时间" style="width: 500px"></DatePicker> </Form-item>
重点
1 使用value,不要使用v-model
2 使用on-change 获取选择的值
3 on-clear 清除默认值 否则会有1970的默认值
下面是rules :
rules: { startEndTime: [ {required: true, message: '投放时间不能为空'}, {pattern: null, type: 'array', message: null} ] }
其次就是methods里面的方法:
clearTime () { this.formItem.startEndTime = []; }, selectTime (event) { this.formItem.startEndTime = event; }