前后端对Date数据的处理汇总

学习笔记  会慢慢补全这方面的知识

若有错误之处望各位大佬指正(*^▽^*)

目录

1.js处理json传至前端的时间数据类型

2.对2022-01-12T16:00:00.000+00:00 类型格式的处理

3.解决前端表单传入的date数据后端无法接收问题

4.将字符串时间格式转Date格式

---

​

1.js处理json传至前端的时间数据类型

//时间数据类型处理
//获得gmt_create.time的步骤已省略
var initTime=gmt_create.time;
function getTime(initTime){  
			var datetime = new Date();  
			datetime.setTime(initTime);  
			var year = datetime.getFullYear();  
			var month = datetime.getMonth() + 1 < 10 ? "0" + (datetime.getMonth() + 1):datetime.getMonth() + 1;  
			var date = datetime.getDate() < 10 ? "0" + datetime.getDate() : datetime.getDate();  
			var hour = datetime.getHours()< 10 ? "0" + datetime.getHours() : datetime.getHours();  
			var minute = datetime.getMinutes()< 10 ? "0" + datetime.getMinutes() : datetime.getMinutes();  
            var second = datetime.getSeconds()< 10 ? "0" + datetime.getSeconds() : datetime.getSeconds();  
			return year + "/" + month + "/" + date+" "+hour+":"+minute+":"+second;  
}

json分装后的格式：

gmt_create":{"date":9,"hours":17,"seconds":42,"month":7,"nanos":0,"timezoneOffset":-480,"year":120,"minutes":51,"time":1596966702000,"day":0}

注：参数是createTime中的time属性的值

亲测时的案例：

数据库时间数据类型：timestamp/datetime

实体类参数数据类型：date

未处理时的效果：

        [object object] 

参数错误时的效果：

        eg:直接gmt_create： 

                 NaN-NaN-NaN NaN:NaN:NaN

2.对2022-01-12T16:00:00.000+00:00 类型格式的处理

方式一：前端进行处理

             传入时的格式：2022-01-12T16:00:00.000+00:00

function standardTime(time) {
      var date = new Date(time).toJSON();
     return new Date(+new Date(date) + 8 * 3600 * 1000).toISOString().replace(/T/g, ' ').replace(/\.[\d]{3}Z/, '')
}

           处理后的格式：2022-01-13 00:00:00

          然后还有个比较笨的法子，就是通过字符裁剪(*^o^) 可以拿到 2022-01-13

var date = time.split("T")[0]

方式二：后端进行处理

           使用实体类时间属性上添加个@JsonFormat注解

@JsonFormat(shape = JsonFormat.Shape.STRING, pattern = "yyyy-MM-dd", timezone = "GMT+8")
Date created;

这就要注意@DateTimeFormat和@JsonFormat的区别

@DateTimeFormat是接收数据进来时格式化

@JsonFormat是从添加了该注解的属性里获取数据时格式化

所有一般这两个注解一起使用：

@DateTimeFormat(pattern = "yyyy-MM-dd")
@JsonFormat(shape = JsonFormat.Shape.STRING, pattern = "yyyy-MM-dd", timezone = "GMT+8")
private Date mbirthday;

3.解决前端表单传入的date数据后端无法接收问题

背景：

        实体类中属性为Date类型，前台表单通过<input type="date">传入的为String类型，导致后台无法直接获取

解决方式：

        在所在Controller中添加以下方法

@InitBinder
public void initBinder(WebDataBinder binder) {
      SimpleDateFormat dateFormat = new SimpleDateFormat("yyyy-MM-dd");
      dateFormat.setLenient(false);
      binder.registerCustomEditor(Date.class, new CustomDateEditor(dateFormat, true));
}

4.将字符串时间格式转Date格式

方式一：java代码方式

//录入日期
Date date = new Date();
SimpleDateFormat dateFormat= new SimpleDateFormat("yyyy-MM-dd :hh:mm:ss");

try {
     date=dateFormat.parse(dateFormat.format(date));
} catch (ParseException e) {
     throw new RuntimeException(e);
}