HTML date类型数前后端互传,页面显示date类型

springMVC+thymeleaf+HTML(date)
1.实体类定义字段为date类型

private Date bizdate;

2.前端HTML中input的date类型

<div class="form-group">
            <label for="bizdate">请输入交易日期</label>
            <input type="date" class="form-control" id="bizdate" placeholder="name" name="bizdate">
        </div>

3.前端提交到后端用实体类接收时,实体类中的字段要加@DateTimeFormat(pattern = “yyyy-MM-dd”)

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

4.后端查出来数据赋值给前端时,添加th:value=“${#dates.format(incomeDetail.bizdate, ‘yyyy-MM-dd’)}”

input中如下
<div class="form-group">
    <label for="bizdate">请输入交易日期</label>
    <input type="date" class="form-control" id="bizdate" placeholder="name" name="bizdate" th:value="${
    #dates.format(incomeDetail.bizdate, 'yyyy-MM-dd')}">
  </div>
列表中如下:
<td th:text="${
    #dates.format(incomeDetail.bizdate, 'yyyy-MM-dd')}"></td>

相关推荐

  1. HTML date类型前后页面显示date类型

    2024-01-12 07:12:01       51 阅读
  2. 前端get请求日期类型参数向后参失败

    2024-01-12 07:12:01       35 阅读
  3. 前后项目统一返回类型(配置即用)

    2024-01-12 07:12:01       58 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-01-12 07:12:01       98 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-01-12 07:12:01       106 阅读
  3. 在Django里面运行非项目文件

    2024-01-12 07:12:01       87 阅读
  4. Python语言-面向对象

    2024-01-12 07:12:01       96 阅读

热门阅读

  1. Springboot 中设置统一的返回格式

    2024-01-12 07:12:01       46 阅读
  2. 并发编程(三)

    2024-01-12 07:12:01       47 阅读
  3. 128. 最长连续序列

    2024-01-12 07:12:01       58 阅读
  4. OD(4)之libunwind打印堆栈信息

    2024-01-12 07:12:01       49 阅读
  5. C语言中socket模块、线程

    2024-01-12 07:12:01       48 阅读
  6. 大模型推理kv_cache缓存

    2024-01-12 07:12:01       49 阅读