背景:elementui,el-date-picker组件双时间选择,结束时间默认为0:0:0,
一、前端限制
1:必须格式化为年月日,指定类型为daterange
<el-date-picker clearable
style="width: 200px"
v-model="createTime"
@change="initCreateTime"
type="daterange"
value-format="yyyy-MM-dd"
start-placeholder="开始日期"
end-placeholder="结束日期">
</el-date-picker>
二、前端处理参数
1:绑定为一个数组
2:改变时,将查询参数时间设置
3:引用此方法时,that传this
export function initCreateTime(that){
that['queryParams'].createTime = that.createTime[0];
that['queryParams'].createEndTime = that.createTime[1];
}
三:后端sql处理
1:DATE_ADD(时间,INTERVAL 1 DAY):时间+1
<if test="createTime != null and createEndTime !=null"> and create_time between #{createTime} and DATE_ADD(#{createEndTime},INTERVAL 1 DAY)</if>