<el-row>
<el-col :span="24">
<el-form-item label="有效期" prop="beginTime">
<el-date-picker
v-model="form.beginTime"
value-format="yyyy-MM-dd HH:mm:ss"
type="datetime"
placeholder="开始时间"
:picker-options="pickerBeginTime"
></el-date-picker>
<span class="sp"> 至 </span>
<el-date-picker prop="endTime"
v-model="form.endTime"
value-format="yyyy-MM-dd HH:mm:ss"
type="datetime"
placeholder="结束时间"
:picker-options="pickerBeginTime"
></el-date-picker>
</el-form-item>
</el-col>
</el-row>
data() {
return{
rules: {
beginTime: [
{ required: true, message: "请选择开始时间", trigger: "blur" },
{
validator:(rule, value, callback)=>{
if (!value) {
callback(new Error("请选择结束时间"));
} else {
if (!this.form.beginTime) {
callback(new Error("请选择开始时间!"))
} else if (Date.parse(this.form.endTime) < Date.parse(value)) {
callback(new Error("开始时间必须小于结束时间!"))
} else {
callback();
}
}
}
}
],
endTime: [
{ required: true, message: "请选择结束时间", trigger: "blur" },
{
validator:(rule, value, callback)=>{
if (!value) {
callback(new Error("请选择结束时间"));
} else {
if (!this.form.endTime) {
callback(new Error("请选择开始时间!"))
} else if (Date.parse(this.form.beginTime) > Date.parse(value)) {
callback(new Error("结束时间必须大于开始时间!"))
} else {
callback();
}
}
}
}
]
},
}
}
element 开始时间小于结束时间 结束时间大于开始是时间 不能选当天
最新推荐文章于 2024-03-29 17:17:42 发布