前端显示数据库为datetime类型的字段为时间戳（改为字符串）

最新推荐文章于 2024-07-13 22:29:39 发布

小杨与bug的斗争

最新推荐文章于 2024-07-13 22:29:39 发布

阅读量1k

点赞数 2

CC 4.0 BY-SA版权

分类专栏：前端学习

本文链接：https://blog.youkuaiyun.com/BeLoved_Code/article/details/105108182

前端学习专栏收录该内容

21 篇文章

订阅专栏

修正前1234567891234

后端修正

在这里插入图片描述

@JsonFormat(pattern = "yyyy-MM-dd HH:mm:ss", timezone = "GMT+8")

startdate数据库字段类型为datetime
但是也有不适用的情况
这种加注解的方法不适用于java实体类名称和数据库字段名不一致的情况下，但是可以使用前端修正

前端修正

显示效果为2020-3-25 0:0:0

function timestampToTime(timestamp) { //将时间戳转化为日期显示
	var date = new Date(timestamp); //时间戳为10位需*1000，时间戳为13位的话不需乘1000
	Y = date.getFullYear() + '-';
	M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '-';
	D = date.getDate() + ' ';
	h = date.getHours() + ':';
	m = date.getMinutes() + ':';
	s = date.getSeconds();
	return Y + M + D + h + m + s;
}
fetch('http://localhost:8080/CA/priceRecords').then(response => response.json()).then(json => {
	var arr = json.rows;
	for (var i = 0; i < arr.length; i++) {
		arr[i].endDate = timestampToTime(arr[i].endDate);//时间戳转化
	}
	this.items = arr;
	this.pages = json.pages;
	this.page = json.page;
	console.log(this.items);
})

显示效果为2020-3-25 00:00:00

function timestampToTime(timestamp) { //将时间戳转化为日期显示
	var date = new Date(timestamp); //时间戳为10位需*1000，时间戳为13位的话不需乘1000
	Y = date.getFullYear() + '-';
	M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '-';
	D = date.getDate() + ' ';
	h = date.getHours() < 10 ? ('0' + date.getHours() + ':') : (date.getHours() + ':');
	m = date.getMinutes() < 10 ? ('0' + date.getMinutes() + ':') : (date.getMinutes() + ':');
	s = date.getSeconds() < 10 ? ('0' + date.getSeconds()) : date.getSeconds();
	return Y + M + D + h + m + s;
}
fetch('http://localhost:8080/CA/priceRecords').then(response => response.json()).then(json => {
	var arr = json.rows;
	for (var i = 0; i < arr.length; i++) {
		arr[i].endDate = timestampToTime(arr[i].endDate);//时间戳转化
	}
	this.items = arr;
	this.pages = json.pages;
	this.page = json.page;
	console.log(this.items);
})