el-date-picker由于value是一个数组 所以可以直接利用computed的get set属性进行获取和赋值
<template>
<div class="app-container">
<el-date-picker
v-model="time"
value-format="yyyy-MM-dd"
format="yyyy-MM-dd"
type="daterange"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"
/>
</div>
</template>
<script>
export default{
data(){
return {
queryParam:{
startDay:'',
endDay:''
}
}
},
computed: {
time: {
get(v) {
return [this.queryParam.startDay, this.queryParam.endDay];
},
set(v) {
if (v && v.length > 0) {
const [startDay, endDay] = v;
this.queryParam.startDay = startDay + " 00:00:00";
this.queryParam.endDay = endDay + " 23:59:59";
} else {
this.queryParam.startDay = this.queryParam.endDay = "";
}
},
},
},
}
</script>