在 Thymeleaf 日期输入中设置 th:value？

Question

我使用 Thymeleaf，我想在用户编辑之前向用户显示 现有 日期值，并且如果他们不想编辑它，他们可以保持原样。我一直在尝试设置日期输入值，但它不起作用。

我尝试了什么：

艺术家：

private Date dateDebut;

控制器：

String dateDebut = Artist.getDateDebut().toString();
model.addAttribute("dateDebut", dateDebut);

查看：

<input type="date" class="form-control" name="dateDebut" th:value="${dateDebut}" />

但是这不起作用。它仍然向我显示这样的日期输入：https://i.stack.imgur.com/MdZIw.png，而不是我试图显示的设置值。

我尝试过使用 Bootstrap 日期选择器，但也没有用。请问有什么建议吗？

Answer 1

1. 如果您使用type="date"，则浏览器可以选择日期格式。如果你想自己格式化，你必须使用type="text"。

2. th:value="${dateDebut}" 不会尊重您的 @DateTimeFormat 注释。如果您希望 thymeleaf 以该格式输出，您应该使用 double-brace 语法 - 例如 th:value="${{dateDebut}}" - 或使用 th:field 代替（这意味着其他更改）。在这种情况下，前者可能更好。

编辑：

如果要使用type="date"，请保留注解@DateTimeFormat (pattern="yyyy-MM-dd")并使用双大括号：

<input type="date" class="form-control" name="dateDebut" th:value="${{dateDebut}}" />

或者，您可以使用日期格式化函数：

<input type="date" class="form-control" name="dateDebut" th:value="${#dates.format(dateDebut, 'yyyy-MM-dd')}" />