日期范围查找

Vue

界面

<el-form-item label="起始日期" prop="searchStartDateRange" style="width: 280px">
<el-date-picker
v-model="queryParams.searchStartDateRange"
value-format="YYYY-MM-DD"
type="daterange"
range-separator="-"
start-placeholder="开始日期"
end-placeholder="结束日期"
></el-date-picker>
</el-form-item>

添加查询条件数据源

queryParams: {

searchStartDateRange:[],  //加这行

},

添加重置表单数据源

 // 表单重置
function reset() {
form.value = {

searchStartDateRange: [],   //加这条

};
proxy.resetForm("CoopSettleRef");
}

后端

Bo

@ApiModelProperty(value = "搜索起始日期范围")
@DateTimeFormat(pattern = "yyyy-MM-dd")
private List<Date> SearchStartDateRange;

Impl

  // 开始时间范围查询
if (bo.getSearchStartDateRange() != null) {
lqw.ge(CoopSettleInfo::getFromDate, bo.getSearchStartDateRange().get(0));
lqw.le(CoopSettleInfo::getEndDate, bo.getSearchStartDateRange().get(1));
}