一.想要的效果:
根据更新时间查询列表
二.实现:
1.在实体类中加入两个字段,并且为其加入get和set方法,toString
/** 查询开始时间 */
@JsonFormat(pattern = "yyyy-MM-dd HH:mm:ss")
private Date beginTime;
/** 查询结束时间 */
@JsonFormat(pattern = "yyyy-MM-dd HH:mm:ss")
private Date endTime;
2.在前端添加时间选择模块:
注意prop字段,type可以选择date和datetime,default-time是默认时间点
<el-form-item label="更新时间" prop="beginTime,endTime">
<el-date-picker clearable
v-model="queryParams.beginTime"
type="datetime"
value-format="yyyy-MM-dd HH:mm:ss"
:default-time="'00:00:00'"
placeholder="开始日期"
>
</el-date-picker>
-
<el-date-picker clearable
v-model="queryParams.endTime"
type="datetime"
value-format="yyyy-MM-dd HH:mm:ss"
:default-time="'23:59:59'"
placeholder="结束日期"
>
</el-date-picker>
</el-form-item>
3.在前端页面的queryParams中添加这两个字段
4.在mapper中设置查询数据库的范围:
<select id="selectHealthyLifeList" parameterType="HealthyLife" resultMap="HealthyLifeResult">
<include refid="selectHealthyLifeVo"/>
<where>
...
<if test="beginTime != null">AND update_time <![CDATA[>=]]> #{beginTime}</if>
<if test="endTime != null">AND update_time <![CDATA[<=]]>#{endTime}</if>
...
</where>
</select>
版权声明:本文为weixin_43899452原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。