Thymeleaf日期输入不显示值且后端无法接收LocalDate数据求助

1. 修复日期输入框值显示问题 #

要让Thymeleaf正确渲染LocalDate类型的日期值，需借助thymeleaf-extras-java8time提供的#temporals工具类做格式化，同时正确绑定实体属性。示例模板代码如下：

<form th:action="@{/salvar}" th:object="${prova}" method="post">
    <input type="text" 
           th:field="*{dataProva}" 
           th:value="${#temporals.format(prova.dataProva, 'dd/MM/yyyy')}"
           placeholder="DD/MM/AAAA"/>
    <button type="submit">Salvar</button>
</form>

注意：若使用HTML5原生type="date"输入框，其默认格式为yyyy-MM-dd，与你设置的dd/MM/yyyy不兼容，会导致显示异常。要么改用type="text"配合前端日期选择器，要么将实体类的@DateTimeFormat格式调整为yyyy-MM-dd适配原生控件。

2. 解决后端接收LocalDate参数失败问题 #

方法一：确保实体类注解生效 #

你已在实体类添加@DateTimeFormat(pattern = "dd/MM/yyyy")，但仍可通过全局转换器强化日期格式解析：

import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;
import org.springframework.format.Formatter;
import java.time.LocalDate;
import java.time.format.DateTimeFormatter;
import java.util.Locale;

@Configuration
public class DateFormatterConfig {
    @Bean
    public Formatter<LocalDate> localDateFormatter() {
        return new Formatter<>() {
            @Override
            public LocalDate parse(String text, Locale locale) {
                return LocalDate.parse(text, DateTimeFormatter.ofPattern("dd/MM/yyyy"));
            }

            @Override
            public String print(LocalDate object, Locale locale) {
                return DateTimeFormatter.ofPattern("dd/MM/yyyy").format(object);
            }
        };
    }
}

方法二：优化控制器参数绑定 #

给@ModelAttribute参数添加@Valid注解，触发参数校验，便于通过BindingResult排查绑定错误：

@PostMapping("/salvar")
public ModelAndView salvarProva(@Valid @ModelAttribute Prova prova, BindingResult result) {
    // 原业务逻辑...
}

若格式不匹配，result会记录具体错误信息，可通过日志定位问题。

3. 依赖版本校验 #

你的thymeleaf-extras-java8time依赖未指定版本，Spring Boot项目建议明确指定与Thymeleaf 3.x兼容的版本，避免版本冲突：

<dependency>
    <groupId>org.thymeleaf.extras</groupId>
    <artifactId>thymeleaf-extras-java8time</artifactId>
    <version>3.0.1.RELEASE</version>
</dependency>

4. 原生日期控件适配方案（可选） #

若坚持使用HTML5type="date"控件，需同步调整实体类的日期格式：

@DateTimeFormat(pattern = "yyyy-MM-dd")
private LocalDate dataProva;

模板代码简化为：

<input type="date" th:field="*{dataProva}"/>

内容的提问来源于stack exchange，提问作者user3389425