在Thymeleaf中,可以使用th:field属性和th:format属性来实现日期框的显示。以下是一个示例代码:

<form th:object="${dateModel}" th:action="@{/save}" method="post">
    <input type="text" th:field="*{date}" th:format="'yyyy-MM'" />
    <button type="submit">保存</button>
</form>

在上面的代码中,我们假设有一个名为dateModel的后端对象,其中包含一个名为date的日期属性。通过使用th:field="*{date}",我们将日期属性绑定到输入框中。使用th:format="'yyyy-MM'"可以指定日期的格式为年月。

在后端Spring Boot代码中,需要确保在Controller中设置dateModel对象,并将其添加到Model中,以便在Thymeleaf模板中使用。以下是一个示例代码:

@Controller
public class DateController {

    @GetMapping("/form")
    public String showForm(Model model) {
        DateModel dateModel = new DateModel();
        model.addAttribute("dateModel", dateModel);
        return "dateForm";
    }

    @PostMapping("/save")
    public String saveDate(@ModelAttribute("dateModel") DateModel dateModel) {
        // 处理保存逻辑
        return "redirect:/form";
    }
}

在上面的代码中,我们在GET请求的处理方法中创建了一个DateModel对象,并将其添加到Model中。在POST请求的处理方法中,我们使用@ModelAttribute注解将提交的表单数据绑定到DateModel对象中。

请根据你的具体需求修改上述代码,并确保在Spring Boot应用程序中正确配置Thymeleaf

html前端日期框只显示年月前端用thymeleaf后端用springboot

原文地址: https://www.cveoy.top/t/topic/hyAq 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录