Input type="date" 百里香叶

Question

我需要向我的实体添加日期，并让用户以网络形式设置它。默认情况下，此字段需要填写今天的日期。

 1. <input type="date" value="2016-08-01">

显示为默认设置的正确日期

2. <input type="date" th:value="${startDate}">

显示没有任何值的日期选择器（注意：String startDate = “2016-08-01”;）

 3. <input type="date" th:field="${startDate}">

生成 400 错误（错误请求）（注意：Date startDate = new Date();）

所以，问题是：如何使用 thymeleaf 输入日期？

• 我可以使用 Date() 数据类型来输入和存储此类数据吗？
• 我需要如何在表单中设置“th:field”？
• 我如何需要以相同的形式设置“th:value”？

我的控制器：

 @RequestMapping("/project_new")
public String createProject(Model model) {
    Project project = new Project ();
    List<Role> roles = mRoleService.findAll();

    project.setStart(new Date());

    model.addAttribute("page_title", "create project");
    model.addAttribute("roles", roles);
    model.addAttribute("statuses", Status.values());
    model.addAttribute("project", project);
    return "project_new";
}

@RequestMapping(value = "/project_new", method = RequestMethod.POST)
public String createProject(@ModelAttribute Project project, Model model) {
    // Fill id field for project.rolesNeeded
    mRoleService.setRolesId(project.getRolesNeeded());
    project.fixCollaboratorsAndRoles();

    mProjectService.save(project);
    return "redirect:/";
}

我的模板：

 <form th:action="@{/project_new}" method="post" th:object="${project}">
  <div class="project-list single">
    <label for="name">Name:</label>
    <input type="text" id="name" required="true" th:placeholder="*{name}" th:value="*{name}" th:field="*{name}"/>
    <label for="description">Description:</label>
    <textarea rows="5" id="description" type="text"  required="true" th:placeholder="*{description}" th:value="*{description}" th:field="*{description}"/>

    <label for="date-started">Date started:</label>
    <input type="date" th:value="${project.start}" th:field="${project.start}" id="date-started"/>

    <div>
      <label for="project_status">Project Status:</label>
      <div class="custom-select">
        <span class="dropdown-arrow"></span>
        <select th:field="*{status}" id="project_status">
          <option th:each="s : ${statuses}" th:value="${s}" th:text="${s}">Active</option>
        </select>
      </div>
    </div>

  <div class="roles-collaborators">
    <ul class="checkbox-list">
      <li th:if="${role.name} ne 'Undefined'" th:each="role : ${roles}">
      <input type="checkbox"  th:value="${role}" th:field="${project.rolesNeeded}" class="checkbox"/>
      <span th:text="${role.name}" th:value="${role}" class="checkbox">Developer</span>
      </li>
    </ul>
  </div>

  <div class="actions">
    <button type="submit" class="button">Save</button>
    <a th:href="@{/}" class="button button-secondary">Cancel</a>
  </div>
</div>
</form>

项目实体：

 @Entity
public class Project {
@Id
@GeneratedValue(strategy = GenerationType.IDENTITY)
private Long id;

@NotNull
@Size (min = 3)
private String name;

@Column(columnDefinition="TEXT")
private String description;

@Column
private Status status;

@Column
private Date start;

@ManyToMany
@LazyCollection(LazyCollectionOption.FALSE)
private List<Role> rolesNeeded;

@ManyToMany
@LazyCollection(LazyCollectionOption.FALSE)
private List<Collaborator> collaborators;

public Date getStart() {
    return start;
}

public void setStart(Date start) {
    this.start = start;
}

原文由 zzheads 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

查看带有错误日志的注释，它似乎是 String 到 java.util.Date 之间的转换问题。在 Thymeleaf GitHub 中搜索了一段时间后，我看到了两个问题，可以解释在这种情况下如何进行：

• 本期 讨论包括日期在内的转换。
• 此处 解释了转换的实现。

从最后一点开始，我为您的项目课程的开始日期添加了注释：

 // This is "org.springframework.format.annotation.DateTimeFormat"
@DateTimeFormat(pattern = "yyyy-MM-dd")
private Date start;

在那之后，我能够在您的控制器 POST 方法中收到日期。

Take into account you also need to change your th:value and th:field attributes from your template for the date value from ${project.start} to *{start} , as我在评论中写道，正如您对 name 和 description 字段所做的那样。

原文由 BitExodus 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

使用字符串而不是日期：

 @DateTimeFormat(pattern = "yyyy-MM-dd")
private String fromDate;

原文由 jais 发布，翻译遵循 CC BY-SA 4.0 许可协议