飞道的博客

VUE 使用el-date-picker 查找时间范围以内的数据

2021-05-01 16:00 873人阅读  评论(0)

前后端实现

一、前端使用el-date-picker如何请求后台

 	<el-form-item label="日期">
        <el-date-picker
          v-model="Times"
          type="datetimerange"
          range-separator="至"
          start-placeholder="开始日期"
          end-placeholder="结束日期"
          align="right">
        </el-date-picker>
     </el-form-item>

  1. 使用场景：模糊查询，针对查询

  2. 案例操作
    在data函数添加dom属性

    在方法使用

请求什么的都一样 Controller–>service–>mapper–>mapper.xml
重点是mapper.xml
请求与返回都是String类型就好

二、成功展示

  1. 选中需要的时间

  2. 查看网络请求内容以及后台Debug查看请求数据

  3. 页面样式


转载：https://blog.csdn.net/weixin_45067120/article/details/116302327
查看评论
* 以上用户言论只代表其个人观点，不代表本网站的观点或立场