el-date-picker 设置开始时间小于结束时间:
<el-form ref="queryForm" :model="queryParams" :inline="true" @submit.native.prevent>
<el-row :gutter="0">
<el-form-item label="开始时间" prop="startAt">
<el-date-picker
v-model="queryParams.startAt"
:picker-options="startTime"
type="month"
value-format="yyyy-MM"
format="yyyy-MM"
placeholder="选择开始时间"
clearable
/>
</el-form-item>
<el-form-item label="结束时间" prop="endAt">
<el-date-picker
v-model="queryParams.endAt"
:picker-options="endTime"
type="month"
value-format="yyyy-MM"
format="yyyy-MM"
placeholder="选择结束时间"
clearable
/>
</el-form-item>
</el-row>
</el-form>
data () {
return {
queryParams: {
startAt: '',
endAt: ''
},
// type="date"时,下面的方法一样可行
startTime: {
disabledDate: time => {
if (this.queryParams.endAt) {
// 设置开始时间大于结束时间
return time.getTime() > new Date(this.queryParams.endAt).getTime()
}
}
},
endTime: {
disabledDate: time => {
if (this.queryParams.startAt) {
// 结束时间大于开始时间
return time.getTime() < new Date(this.queryParams.startAt).getTime()
}
}
},
}
}