前端传的日期到后端后不一致问题

2024-03-04 约 318 字预计阅读 1 分钟

https://bing.ee123.net/img/rand?artid=136454281

前端传的日期到后端后不一致问题

文章目录

问题描述

前端使用的element-ui+vue2，后端是springboot；这里我要在前端选择一个日期(yyyy-MM)，前端选择完日期点击保存后，后端接收到的日期确始终对不上

前端代码如下：

<el-date-picker v-model="taskThreeForm.completeDate" type="month" placeholder="选择月" :disabled="operationType === 3"></el-date-picker>

后端dto如下：

@ApiModelProperty("完成时限")
@JsonFormat(pattern = "yyyy-MM", timezone = "GMT+8")
private Date completeDate;

总结

最后在前端代码

<el-date-picker v-model="taskThreeForm.completeDate" value-format="yyyy-MM" type="month" placeholder="选择月" :disabled="operationType === 3"></el-date-picker>

中增加了

value-format="yyyy-MM"

解决，后面在细看为什么。