html input datetime格式化及后端接收

定义一个时间组件

<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)
        }
    }

再次提交,查看数据
interviewTime:2021-03-10 17:49:00,后端也可以正常接收。

  • 3
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值