<template>
<div class="app-container">
<el-date-picker v-model="filters.column.create_start_date" type="date" :picker-options="pickerBeginDateBefore" format="yyyy-MM-dd" placeholder="开始日期">
</el-date-picker>
<el-date-picker v-model="filters.column.create_end_date" type="date" format="yyyy-MM-dd" :picker-options="pickerBeginDateAfter" placeholder="结束日期">
</el-date-picker>
</div>
</template>
<script>
export default {
data() {
return {
filters: {
column: {
create_start_date: '',
create_end_date: ''
},
},
pickerBeginDateBefore: { disabledDate: (time) => { let beginDateVal = this.filters.column.create_end_date; if (beginDateVal) { return time.getTime() > beginDateVal; } } },
pickerBeginDateAfter: {
disabledDate: (time) => {
let beginDateVal = this.filters.column.create_start_date;
if (beginDateVal) {
return time.getTime() < beginDateVal;
}
}
}
}
}
}
</script>