<!-- 开始时间 -->
<el-form-item :label="$t('AlarmList.startTime')" prop="startTime">
<el-date-picker
v-model="queryParams.startTime"
value-format="yyyy-MM-dd HH:mm:ss"
type="datetime"
:placeholder="$t('AlarmList.seTimePlaceholder')"
size="mini"
style="width: 180px;"
:picker-options="pickerOptionsStart"
>
</el-date-picker>
</el-form-item>
<!-- 结束时间 -->
<el-form-item :label="$t('AlarmList.endTime')" prop="endTime">
<el-date-picker
v-model="queryParams.endTime"
value-format="yyyy-MM-dd HH:mm:ss"
type="datetime"
:placeholder="$t('AlarmList.seTimePlaceholder')"
size="mini"
style="width: 180px;"
:picker-options="pickerOptionsEnd"
>
</el-date-picker>
</el-form-item>
...
...
...
private pickerOptionsStart = { //开始时间限制
disabledDate: (time:Date) => {
if(this.queryParams.endTime == null || this.queryParams.endTime == undefined) {
return false;
}
else if(new Date(time).getTime() >= new Date(this.queryParams.endTime).getTime()) {
return time.getTime();
}
}
}
private pickerOptionsEnd = { //结束时间限制
disabledDate: (time:Date) => {
if(new Date(time).getTime() <= new Date(this.queryParams.startTime).getTime()) {
return time.getTime();
}
}
}
记录:Elementui的el-date-picker限制开始时间小于结束时间、结束时间大于开始时间
最新推荐文章于 2024-03-29 17:17:42 发布