Bug处理_时间绑定处理JSON parse error: parse error； nested exception is com.alibaba...

最新推荐文章于 2024-06-25 09:34:31 发布

原创最新推荐文章于 2024-06-25 09:34:31 发布 · 3.1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#java

前端同时被 2 个专栏收录

5 篇文章

订阅专栏

Bug处理

2 篇文章

订阅专栏

博客讲述了在前端进行条件查询时遇到的时间转换错误问题。问题在于前端时间绑定值与后端实体类字段名称冲突，导致数据类型不匹配的错误。解决方法是修改前端绑定值的名称，避免与后端字段相同，并对传参格式进行调整，确保与后端接收的Date格式匹配。此外，还解决了日期选择后显示框自动变化的问题，通过改变日期绑定值的命名，避免了值变更导致的显示异常。

第一个问题：
在这里插入图片描述
前端进行条件查询的时候

处理时间一直报这个错
在这里插入图片描述
找了半天问题 string转date date转string就是不行
最后在前端这块找到了问题

找到问题：前端时间绑定值是个数组用不到的；开始时间取它的第一位，结束时间取它的第二位，这个名字和数据库实体类时间名字相同，不能用一样的名字，否则后端会以为这是传过去的参数。前端传过去是数组格式，后端实体类里面是Date格式。所以一直报错。

解决办法：修改绑定的值名称，不要和后端实体类的字段相同。
在这里插入图片描述
第二个问题：

选择了这个日期之后进行查询
显示框里的日期会有变化

这是计划月份的前端代码

在这里插入代码片<el-date-picker
            v-model="queryData.month"
            type="month"
            value-format="yyyy-MM"
            format="yyyy-MM"
            placeholder="选择日期">
          </el-date-picker>

还是因为命名的问题，点击日期之后绑定的值发生了变化，所以框里面的日期才会自动变化。后台查询年份和月份是分开查的，所有在方法里对这个绑定值进行了处理。

if(queryData.month.indexOf("-")!= -1){
      var a = queryData.month;
      queryData.year = a.split("-")[0];  //获取年份
      queryData.month= a.split("-")[1];  //获取月份
          }

解决办法：日期的绑定值重新命名，不要和传后台的参数同名。

 <el-date-picker
            v-model="queryData.time"
            type="month"
            value-format="yyyy-MM"
            format="yyyy-MM"
            placeholder="选择日期">
          </el-date-picker>