thymeleaf编写date类型的时间选择器
在Thymeleaf中,可以使用HTML5的input标签的type属性为date来实现时间选择器。具体方法如下:
- 在html页面中引入Thymeleaf的命名空间
<html xmlns:th="http://www.thymeleaf.org">
- 在表单中使用input标签,并设置type为date
<form>
<label for="date">选择日期:</label>
<input type="date" id="date" name="date" th:value="${date}" />
</form>
- 在控制器中设置日期类型的值
@GetMapping("/date")
public String date(Model model) {
LocalDate currentDate = LocalDate.now();
model.addAttribute("date", currentDate);
return "date";
}
这样就可以在页面中显示当前日期,并且可以选择日期。选择的日期会被传递到控制器中进行处理
原文地址: http://www.cveoy.top/t/topic/ciKz 著作权归作者所有。请勿转载和采集!