SpringBoot前后端传递时间字符串的格式问题

如果没有对时间格式进行设置，默认是UTC字符串格式，即"2021-03-13T02:57:26.000+00:00"样式。

本文讨论前端String类型时间字符串与后端date类型的格式控制（以"yyyy-MMMM-dd"样式为例）

Time1实体类

public class Time1 {

    private Date time;   //Date类型

    public Time1() {
    }

    public Time1(Date time) {
        this.time = time;
    }

    public Date getTime() {
        return time;
    }

    public void setTime(Date time) {
        this.time = time;
    }
}

一、前端向后端传入时间字符串

1、在字段上使用 @DateTimeFormat 注解

后端接收前端的"yyyy-MMMM-dd''的时间字符串。

@DateTimeFormat(pattern = "yyyy-MM-dd")
private Date time;

2、在字段上使用 @JsonFormat 注解

后端只能接收前端的Date对象或者"yyyy-MMMM-dd''的时间字符串。
前端vue的axios请求

	axios({
              method:'post',
              data:{
              	time:"2008-12-13"     //"yyyy-MMMM-dd''时间字符串
              	},
              url:'http://localhost:1111/01/time'
          }).then(resp=>{
          	console.log(resp.data)
          	})

或者

	axios({
              method:'post',
              data:{
              	time:new Date("2008-12-13")     //Date对象    
              	},
              url:'http://localhost:1111/01/time'
          }).then(resp=>{
          	console.log(resp.data)
          	})

3、全局设置：在application.properties配置文件中设置格式

spring.jackson.date-format=yyyy-MM-dd

二、后端向前端返回时间字符串

1、局部设置：注解形式@JsonFormat(pattern = "yyyy-MM-dd")

用法：在实体类的Date类型属性上添加注解@JsonFormat(pattern = “yyyy-MM-dd”)

@JsonFormat(pattern = "yyyy-MM-dd")
private Date time;

后端的Date对象传递到前端会转换成"yyyy-MMMM-dd"格式

后端返回Date对象

	@RequestMapping(value = "/time",method = RequestMethod.POST)
    public Date returnTime(@RequestBody Time1 time1){
        System.out.println(time1.getTime());
        return time1.getTime();
    }

前端接收到的时间字面量

①前端接收到的时间格式是"yyyy-MMMM-dd"；
②前端接收到的时间是字符串String类型的值。

2、全局设置：在application.properties配置文件中设置格式

spring.jackson.date-format=yyyy-MM-dd

效果与注解方式相同

注：若同时使用注解方式和配置文件方式，配置文件会覆盖注解方式的设置。

总结

建议：

使用@DateTimeFormat注解解决前端向后端传递时间数据的格式问题；

使用@JsonFormat注解解决后端向前端返回时间数据的格式问题；