["2019-03-26 00:00:00", "2019-04-26 00:00:00"]
type:''date",不能为string
publishDt: [
{
type: 'array',
required: true,
message: "不能为空",
fields: {
0: { required: true, type: 'date',message: "起始时间不能为空", trigger: 'change' },
1: { required: true, type: 'date',message: '结束时间不能为空', trigger: 'change' }
}
}
],
<template>
<Form ref="formValidate" :model="formValidate" :rules="ruleValidate" :label-width="80">
<FormItem label="Date">
<Row>
<Col span="11">
<FormItem prop="date">
<DatePicker
type="datetimerange"
format="yyyy-MM-dd HH:mm:ss"
placeholder="起始时间"
style="width:300px"
v-model="formValidate.date"
:options="options">
</DatePicker>
</FormItem>
</Col>
</Row>
</FormItem>
<FormItem>
<Button type="primary" @click="handleSubmit('formValidate')">Submit</Button>
<Button @click="handleReset('formValidate')" style="margin-left: 8px">Reset</Button>
</FormItem>
</Form>
</template>
<script>
export default {
data () {
return {
formValidate: {
date: '',
},
//时间过去禁用
options: {
disabledDate (date) {
return date && date.valueOf() < Date.now() - 86400000;
}
},
ruleValidate: {
date: [
{ type: 'array',
required: true,
message: "不能为空",
fields: {
0: { required: true, type: 'date',message: "开始时间不能为空", trigger: 'change' },
1: { required: true, type: 'date',message: '结束时间不能为空', trigger: 'change' }
}
}
],
}
}
},
methods: {
handleSubmit (name) {
this.$refs[name].validate((valid) => {
if (valid) {
this.$Message.success('Success!');
} else {
this.$Message.error('Fail!');
}
})
},
handleReset (name) {
this.$refs[name].resetFields();
}
}
}
</script>