分页查询应该是,根据是时间的范围查询,从前台到后台,前端组件的话,用的是Element UI,下面是主要的代码情况。
页面里面
使用的Element UI组件
<el-col :span="8">
<el-form-item label="修改时间:">
<el-date-picker
v-model="value1"
@change="selectTime"
type="daterange"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"
>
</el-date-picker>
</el-form-item>
</el-col>
时间选择器
这个需要添加的点击事件方法,一般都在methods中
selectTime(val) {
if (val) {
this.filterForm.startTime = moment(val[0]).format("YYYY-MM-DD");
this.filterForm.endTime = moment(val[1]).format("YYYY-MM-DD");
}
},
后台时间查询xml
主要查询的部分代码
<if test="param.startTime != null and param.startTime != ''">
<![CDATA[ and DATE_FORMAT(h.create_date, '%Y-%m-%d') >= DATE_FORMAT(#{param.startTime}, '%Y-%m-%d')]]>
</if>
<if test="param.endTime != null and param.endTime != ''">
<![CDATA[ and DATE_FORMAT(h.create_date, '%Y-%m-%d') <= DATE_FORMAT(#{param.endTime}, '%Y-%m-%d')]]>
</if>
谢谢浏览,如有纰漏,还望指正,万分感谢