欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

Element UI 时间格式化 后台接收格式化参数

程序员文章站 2022-04-11 09:50:11
前端日期组件Element UI DatePicker 组件,如果不加上value-format="yyyy-MM-dd HH:mm:ss ,则会出现下图所示的情况,选择的是 2020年12月10日,现实的却是 2020-12-09,缺少一天的情况出现。format="yyyy 年 MM 月 dd 日"这个只是 结果的显示,真实的时间值应该用value-format="yyyy-MM-dd HH:mm:ss 表示,连接符- 可以替换为中文文字。官方举例:选择日期范围时......

前端日期组件 

Element UI DatePicker 组件,如果不加上 value-format="yyyy-MM-dd HH:mm:ss" ,则会出现下图所示的情况,选择的是 2020年12月10日,显示的却是 2020-12-09,出现缺少一天的情况。

format="yyyy 年 MM 月 dd 日"  这个只是页面显示时间格式化,真实的时间值应该用 value-format="yyyy-MM-dd HH:mm:ss" 格式化,连接符- 可以替换为中文文字。

Element UI 时间格式化 后台接收格式化参数

 官方举例:

Element UI 时间格式化 后台接收格式化参数 Element UI 时间格式化 后台接收格式化参数

 选择日期范围时,默认情况下,起始日期和结束日期的时间部分均为当天的 0 点 0 分 0 秒。通过default-time可以分别指定二者的具体时刻。default-time接受一个数组,其中的值为形如12:00:00的字符串,第一个值控制起始日期的时刻,第二个值控制结束日期的时刻。

Element UI 时间格式化 后台接收格式化参数Element UI 时间格式化 后台接收格式化参数

项目使用:
 Element UI 时间格式化 后台接收格式化参数

post请求后端接收参数

 如果后台 javaBean 接收日期属性为 String 类型,则无需关心,请求会自动封装。

 如果后台 javaBean 接收日期属性为 Date 类型,则需要在该日期属性上添加注解  

import com.fasterxml.jackson.annotation.JsonFormat;

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

Element UI 时间格式化 后台接收格式化参数

springboot 项目无需引入 jar 包即可使用

参考链接:https://www.cnblogs.com/ithfm/p/10870240.html

本文地址:https://blog.csdn.net/loveLifeLoveCoding/article/details/110949405

相关标签: vue