<Col span="12">
<FormItem label="活动开始时间" label-position="top" prop="startTime">
<br>
<DatePicker type="datetime" style="width:100%;" :options="optionss" :clearable ='false' placeholder="请选择日期" v-model="formData.startTime" :disabled="isSee"></DatePicker>
</FormItem>
</Col>
<Col span="12">
<FormItem label="活动结束时间" label-position="top" prop="endTime">
<br>
<DatePicker type="datetime" style="width:100%;" :options="optionss" :clearable ='false' placeholder="请选择日期" v-model="formData.endTime" :disabled="isSee"></DatePicker>
</FormItem>
</Col>
data 默认取当前时间,并且之前时间不可选择
optionss: {
disabledDate (date) {
return date && date.valueOf() < Date.now() - 86400000;
}
},
form 设置初始值 startTime: new Date(), //
校验表单结束时间必须大于开始时间,否则提交提示错误信息
endTime: [
{ required: true, type: 'date', trigger: 'blur',
validator: (rule, value, callback) => {
let start = _this.formData.startTime
if(value < start) {
callback(new Error('结束时间不能小于开始时间'))
}else {
callback()
}
}
},
{ required: true, type: 'date', trigger: 'change',
validator: (rule, value, callback) => {
let start = _this.formData.startTime
if(value < start) {
callback(new Error('结束时间不能小于开始时间'))
}else {
callback()
}
}
}
],