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

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

复制代码
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")

相关推荐
N***73854 分钟前
Vue网络编程详解
前端·javascript·vue.js
e***71674 分钟前
Spring Boot项目接收前端参数的11种方式
前端·spring boot·后端
程序猿小蒜6 分钟前
基于springboot的的学生干部管理系统开发与设计
java·前端·spring boot·后端·spring
银空飞羽6 分钟前
让Trae CN SOLO自主发挥,看看能做出一个什么样的项目
前端·人工智能·trae
Eshine、1 小时前
解决前端项目中,浏览器无法正常加载带.gz名称的文件
前端·vue3·.gz·.gz名称的js文件无法被加载
用户47949283569152 小时前
别再当 AI 的"人肉定位器"了:一个工具让 React 组件秒定位
前端·aigc·ai编程
WYiQIU2 小时前
面了一次字节前端岗,我才知道何为“造火箭”的极致!
前端·javascript·vue.js·react.js·面试
qq_316837752 小时前
uniapp 观察列表每个元素的曝光时间
前端·javascript·uni-app
小夏同学呀2 小时前
在 Vue 2 中实现 “点击下载条码 → 打开新窗口预览 → 自动唤起浏览器打印” 的功能
前端·javascript·vue.js
芳草萋萋鹦鹉洲哦2 小时前
【vue】导航栏变动后刷新router的几种方法
前端·javascript·vue.js