<FormItem label="使用期限" prop="validityDate">
<DatePicker
type="datetimerange"
placement="bottom-start"
v-model="form.validityDate"
placeholder="请选择使用期限"
:options="dateOptions"
class="item last">
</DatePicker>
</FormItem>
data里的数据
dateOptions: {
disabledDate (date) {
return date && date.valueOf() < Date.now() - 86400000;
}
},
receiveDate: [{
required: true,
type: 'array',
message: '请选择领券日期',
trigger: 'change',
fields: {
0: { type: "date", required: true, message: "请选择领券日期" },
1: { type: "date", required: true, message: "请选择领券日期" }
}
}],
<DatePicker type="date" placeholder="选择日期" :value="item.value"></DatePicker>
,这里用的是:value,对应类型是string;如果用的是v-model,对应类型是date。而我的验证规则是:rules='[{"message": "不能为空","required": 1},{"pattern": null,"type": "string","message": null}]'
,所以根据type类型写value/v-model,完美通过验证!