Как показать th: значение в формате даты Тимелеафа?

Question

У меня возникла проблема с форматом даты Тимелеафа, когда я отправляю дату. 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>

почему он показывает дату с часами в один место и правильно в другом ...... input type = "date" name = "birthdate" id = "birthdate" class = "form-control margin-bottom-20" value = "1932-10-10 00 : 00: 00,0"

Thanks

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

    . 
    . 
    . 
} 

Удалить -м: значение. Ваш 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> 

Есть способы добавления глобальных связующих, а также, если вы хотите, чтобы это работало для всего приложения, а не только, что один контроллер.