@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")

相关推荐
majingming1232 小时前
FUNCTION
java·前端·javascript
A_nanda2 小时前
Vue项目升级
前端·vue3·vue2
SuperEugene2 小时前
Axios 接口请求规范实战:请求参数 / 响应处理 / 异常兜底,避坑中后台 API 调用混乱|API 与异步请求规范篇
开发语言·前端·javascript·vue.js·前端框架·axios
abigale033 小时前
【浏览器 API / 网络请求 / 文件处理】前端文件上传全流程:从基础上传到断点续传
前端·typescript·文件上传·vue cli
Setsuna_F_Seiei3 小时前
AI 对话应用之页面滚动交互的实现
前端·javascript·ai编程
新缸中之脑4 小时前
追踪来自Agent的Web 流量
前端
wefly20174 小时前
从使用到原理,深度解析m3u8live.cn—— 基于 HLS.js 的 M3U8 在线播放器实现
java·开发语言·前端·javascript·ecmascript·php·m3u8
英俊潇洒美少年5 小时前
vue如何实现react useDeferredvalue和useTransition的效果
前端·vue.js·react.js
英俊潇洒美少年5 小时前
ref 底层到底是怎么变成响应式的?
vue.js
kyriewen115 小时前
给浏览器画个圈:CSS contain 如何让页面从“卡成PPT”变“丝滑如德芙”
开发语言·前端·javascript·css·chrome·typescript·ecmascript