html input datetime格式化及后端接收

最新推荐文章于 2023-07-15 14:11:39 发布

autism_执生

最新推荐文章于 2023-07-15 14:11:39 发布

阅读量4.6k

点赞数 3

分类专栏： html 文章标签： html5

本文链接：https://blog.youkuaiyun.com/qq_38595560/article/details/114641767

版权

html 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了解决前后端时间格式不匹配的问题，通过调整实体类日期格式，并在前端对时间组件的值进行转换，确保了数据的正确传递。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

定义一个时间组件

<input id="interviewTime" name="interviewTime" type="datetime-local" class="form-control">

在这里插入图片描述

实体类定义为Date

  private Date interviewTime;//访谈时间

在请求时，如果不做处理，后端接受的字符串为"2021/03/10T17:49",这时就会报错，即使加上时间类型注解也不一致，因为传值的字符串中包含一个T

    @DateTimeFormat(pattern = "yyyy/MM/dd HH:mm")
    private Date interviewTime;//访谈时间

解决方法：

将实体类的格式设置为正常格式，

	@DateTimeFormat(pattern = "yyyy-MM-dd HH:mm:ss")
    private Date interviewTime;//访谈时间

前端页面在提交请求之前先对该字段做处理，将其格式化


    function dateFormat(){

        let interviewTime = $('#interviewTime').val()
        if(interviewTime.indexOf('T') != -1){
            interviewTime += ':00'
            interviewTime = interviewTime.replace('T',' ')
            $('#interviewTime').val(interviewTime)
        }
    }