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

相关推荐
北海-cherish5 小时前
vue中的 watchEffect、watchAsyncEffect、watchPostEffect的区别
前端·javascript·vue.js
2501_915909066 小时前
HTML5 与 HTTPS,页面能力、必要性、常见问题与实战排查
前端·ios·小程序·https·uni-app·iphone·html5
white-persist7 小时前
Python实例方法与Python类的构造方法全解析
开发语言·前端·python·原型模式
新中地GIS开发老师7 小时前
Cesium 军事标绘入门:用 Cesium-Plot-JS 快速实现标绘功能
前端·javascript·arcgis·cesium·gis开发·地理信息科学
Superxpang7 小时前
前端性能优化
前端·javascript·vue.js·性能优化
左手吻左脸。7 小时前
解决el-select因为弹出层层级问题,不展示下拉选
javascript·vue.js·elementui
左手吻左脸。7 小时前
Element UI表格中根据数值动态设置字体颜色
vue.js·ui·elementui
李白的故乡7 小时前
el-tree-select名字
javascript·vue.js·ecmascript
Rysxt_7 小时前
Element Plus 入门教程:从零开始构建 Vue 3 界面
前端·javascript·vue.js
隐含7 小时前
对于el-table中自定义表头中添加el-popover会弹出两个的解决方案,分别针对固定列和非固定列来隐藏最后一个浮框。
前端·javascript·vue.js