如何在Thymeleaf日期格式中显示th：value？

Question

当我发送日期时，Thymeleaf日期格式有问题。HTML在h3标记中正确地显示了日期，但不在datepicker的代码中，我不明白为什么....

<div> 
<label for="birthdate" th:text="#{editprofile.about4.birthdate}">Birth date</label> 
<label class="input"> 
<i class="icon-append fa fa-calendar"></i> 
<input type="date" name="date" id="birthdate" class="form-control margin-bottom-20" th:value="${#dates.format(profile2about2th.birthdate,'yyyy/MM/dd')}" th:field="*{birthdate}"> 
</input> 
</label> 
<h3 th:text="${#dates.format(profile2about2th.birthdate,'yyyy/MM/dd')}"></h3> 
</div> 

为什么它在一个地方用小时显示日期，而在另一个地方却正确地显示日期....输入type=“date”name=“birthdate”id=“birthdate”class=“窗体-控件边际-底部-20”value=“1932-10-10 00:00:00.0”

谢谢

Answer 1

th:field和th:value不应用于同一标记。(th:field设置标记的name、id和value属性。）您将看到，如果您停止th:field，您将获得正确的格式，但是表单将无法正确提交。在我看来，解决这个问题的方法是：

向控制器添加InitBinder方法，如下所示：

@Controller
public class WhateverController {
    .
    .
    .

    @InitBinder
    public void initBinder (WebDataBinder binder) {
        binder.registerCustomEditor(Date.class, new CustomDateEditor(new SimpleDateFormat("yyyy/MM/dd"), true));
    }

    .
    .
    .
}

移除th：value。您的HTML应该如下所示：

<div> 
    <label for="birthdate" th:text="#{editprofile.about4.birthdate}">Birth date</label> 
    <label class="input"> 
        <i class="icon-append fa fa-calendar"></i> 
        <input type="date" name="date" id="birthdate" class="form-control margin-bottom-20" th:field="*{birthdate}" />
    </label> 

    <h3 th:text="${#dates.format(profile2about2th.birthdate,'yyyy/MM/dd')}"></h3> 
</div>

如果您希望全局绑定器适用于整个应用程序，而不仅仅是一个控制器，那么也有一些方法可以添加全局绑定器。