前后端时间格式交互(spring boot + vue.js + element-ui)

GMT/UTC时间格式：yyyy-MM-dd'T'HH:mm:ss.SSSZ

前后端一般的时间交互格式：yyyy-MM-dd HH:mm:ss

前端日期转化：使用format指定输入框的格式；使用value-format指定绑定值的格式。

参考自：https://element.eleme.cn/#/zh-CN/component/date-picker#ri-qi-ge-shi

后端接收：注解@JsonFormat主要是后端到前端的时间格式的转换，注解@DataFormat主要是前端到后端的时间格式的转换

参考自：https://www.cnblogs.com/mracale/p/9828346.html

element-ui代码：

<el-form-item label="开始时间" prop="startTime">

    <el-date-pickerv-model="dataForm.startTime" type="datetime"

        placeholder="选择日期时间" 

        value-format="yyyy-MM-dd HH:mm:ss" format="yyyy-MM-dd HH:mm:ss"

        :picker-options="pickerOptions">

    </el-date-picker>

</el-form-item>

后端代码：

1.使用类接受参数

@DateTimeFormat(pattern = "yyyy-MM-dd")

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

private LocalDateTime startTime;//或者申明为Date对象

2.方法直接接受参数

@GetMapping("/test")

public R test(@DateTimeFormat(pattern="yyyy-MM-dd")

                     @RequestParam("orderTime") LocalDate orderTime) {

    return new R();

}