vue前端 el-date-picker 日期组件，按时间段自定义搜索

vue前端 el-date-picker 日期组件，按时间段自定义搜索
HTML:
<el-date-picker v-model="dateRange" size="small" style="width: 240px" value-format="yyyy-MM-dd" type="daterange" range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期" > </el-date-picker>

getList() {
this.loading = true;
listMixingPlan(this.addDateRange(this.queryParams, this.dateRange)).then(response => {
this.mixingPlanList = response.rows;
this.total = response.total;
this.loading = false;
});
},

addDateRange 封装在main.js中
// 添加日期范围
export function addDateRange(params, dateRange) {
var search = params;
search.beginTime = "";
search.endTime = "";
if (null != dateRange && '' != dateRange) {
search.beginTime = this.dateRange[0];
search.endTime = this.dateRange[1];
}
return search;
}

mapper：
<if test="beginTime != null and beginTime != ''"><!-- 开始时间检索 --> and MIXING_PLAN_START_TIME &gt;= #{beginTime} </if> <if test="endTime != null and endTime != ''"><!-- 结束时间检索 --> and MIXING_PLAN_START_TIME &lt;= #{endTime} </if>