若依前后端分离-查询列表日期时间段

一.想要的效果:
根据更新时间查询列表
在这里插入图片描述
二.实现:
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版权协议,转载请附上原文出处链接和本声明。