问题背景
使用 Element-UI 的 el-date-picker 组件 将日期转给Java，Java报错
java.time.format.DateTimeParseException: Text ‘2024-01-03T16:00:00.000Z’ could not be parsed, unparsed text found at index 10
代码
- Vue
<el-date-picker
v-model="form.removalDate"
type="date"
placeholder="选择日期"
style="width: 300px"
/>
- Java实体类
@Data
@EqualsAndHashCode(callSuper = false)
@Accessors(chain = true)
public class AppProjects implements Serializable {
@TableField(updateStrategy = FieldStrategy.IGNORED)
@JsonFormat(pattern = "yyyy-MM-dd")
private Date removalDate;
}
- Java控制层
import com.alibaba.fastjson.JSONObject;
public Object update(@RequestBody JSONObject object) {
AppProjects appProjects = object.toJavaObject(AppProjects.class);
boolean update = appProjectsService.updateById(appProjects);
return update;
}
当执行 toJavaObject 方法时，报错如下
java.time.format.DateTimeParseException: Text ‘2024-01-03T16:00:00.000Z’ could not be parsed, unparsed text found at index 10
- 修改Java控制层
更改为使用实体类接收参数 @RequestBody AppProjects appProjects
public Object update(@RequestBody AppProjects appProjects) {
boolean update = appProjectsService.updateById(appProjects);
return update;
}
执行方法时不报错，但是日期的值却比实际少一天，为什么呢？
因为前端实际选择日期为 ‘2024-01-04’ ，传值为 ‘2024-01-03T16:00:00.000Z’，该时区不是东八区，使用实体类接收时去掉了时分秒，导致日期保存为 ‘2024-01-03’
已经不报错了，那么解决日期问题就简单了！文章来源：https://www.toymoban.com/news/detail-818806.html
解决方法
在 el-date-picker组件 使用属性 value-format="yyyy-MM-dd" 将绑定的格式不指定为 Date 对象，绑定的值会转为 string 对象，那么实际选择哪一天的日期，就是 yyyy-MM-dd 格式的字符串啦！这样后端就能正确接收日期了文章来源地址https://www.toymoban.com/news/detail-818806.html
<el-date-picker
v-model="form.removalDate"
type="date"
value-format="yyyy-MM-dd"
placeholder="选择日期"
style="width: 300px"
/>
到了这里，关于Java 日期接收报错：could not be parsed, unparsed text found at index 10（已解决）的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
![报错：Unit network.service could not be found.[已解决]](https://imgs.yssmx.com/Uploads/2024/02/785034-1.png)
