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

一、前端使用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. 页面样式