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

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

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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

处理时间一直报这个错
在这里插入图片描述
找了半天问题 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>

这样就可!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值