@JsonFormat(pattern = “yyyy-MM-dd“) 年月日用法

lanren312

已于 2024-03-26 17:54:54 修改

阅读量2.7k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： vue 文章标签：前端 vue.js

于 2024-03-26 17:54:03 首次发布

本文链接：https://blog.csdn.net/lanren312/article/details/137053297

vue 专栏收录该内容

12 篇文章

订阅专栏

本文讲述了在项目中遇到的日期显示问题，包括列表中的格式调整和编辑操作中的时间差异，以及如何通过`@JsonFormat`解决时区转换问题。

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

需要只要年月日，后端数据库设计

start_date` date NOT NULL COMMENT '时间',

private Date startDate;

先说下发现问题：

1、列表显示年月日 00:00:00，查询结果用@JsonFormat
2、新增/编辑如果不用value-format，传到后台的会晚8小时，时区问题

问题一：

列表显示 2024-03-11 00:00:00， F12看到接口返回的是 2024-03-11 00:00:00，数据接收时需要处理下
加上@JsonFormat注解就可以了，列表显示2024-03-11，达到想要的结果。

@JsonFormat(pattern = "yyyy-MM-dd")
private Date startDate;

问题二：

新增/编辑选择的3-12，传值2024-03-11T16:00:00.000Z。到后台后时间少了一天
设置 value-format就可以了，传值 2024-03-12，接收的@JsonFormat注解不能少。

<el-form-item label="日期" prop="startDate">
	<el-date-picker
		v-model="form.startDate" value-format="yyyy-MM-dd"
		type="date"
		placeholder="选择日期">
	</el-date-picker>
</el-form-item>

完

记，碰到再处理
@JsonFormat(pattern = "yyyy-MM-dd HH:mm:ss",timezone="GMT+8")
@JsonFormat(shape = JsonFormat.Shape.STRING, pattern = "yyyy-MM-dd HH:mm:ss", timezone = "GMT+8")