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

相关推荐
一 乐40 分钟前
婚纱摄影网站|基于ssm + vue婚纱摄影网站系统(源码+数据库+文档)
前端·javascript·数据库·vue.js·spring boot·后端
C_心欲无痕1 小时前
ts - tsconfig.json配置讲解
linux·前端·ubuntu·typescript·json
清沫1 小时前
Claude Skills:Agent 能力扩展的新范式
前端·ai编程
yinuo2 小时前
前端跨页面通信终极指南:方案拆解、对比分析
前端
北辰alk2 小时前
Vue 模板引擎深度解析:基于 HTML 的声明式渲染
vue.js
北辰alk2 小时前
Vue 自定义指令完全指南:定义与应用场景详解
vue.js
yinuo2 小时前
前端跨页面通讯终极指南⑨:IndexedDB 用法全解析
前端
北辰alk2 小时前
Vue 动态路由完全指南:定义与参数获取详解
vue.js
北辰alk3 小时前
Vue Router 完全指南:作用与组件详解
vue.js
北辰alk3 小时前
Vue 中使用 this 的完整指南与注意事项
vue.js