input组件选择日期时间

最新推荐文章于 2026-05-21 17:52:05 发布

原创最新推荐文章于 2026-05-21 17:52:05 发布 · 6.3k 阅读

7 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#html #bootstrap #java

收录于

笔记专栏收录该内容

88 篇文章

订阅专栏

这篇博客介绍了如何在HTML中使用`datetime-local`输入类型获取日期时间，并在Java后端处理这个时间值。重点在于处理前端返回的日期时间格式中包含的'T'字符，通过`DateTimeFormatter`去除它并存储到数据库。

input获取年月日时分秒，设置最小可选日期为当前日期（type=“datetime-local”）

<input name="deadlinetime" class="form-control" placeholder="yyyy-MM-dd HH:mm:ss" type="datetime-local" th:value="${deadlinetime}" th:min="${date}">

注意：date，deadlinetime 为后端传递的数据

Java获取当前年月日时分秒

Date date = new Date();
SimpleDateFormat dateFormat= new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");
String dateTime = dateFormat.format(date);

使用type="datetime-local"后前端页面返回后台的时间格式为 yyyy-MM-ddTHH:mm:ss，多了一个T，在后端进行数据处理，去除T后再存数据库

DateTimeFormatter formatter = DateTimeFormatter.ofPattern("yyyy-MM-dd'T'HH:mm:ss", Locale.US);
String deadlinetime = sysDeptConfigure.getDeadlinetime();
LocalDateTime localDate = LocalDateTime.parse(deadlinetime, formatter);
xxxxxxxxx.setxxxxxx(DateTimeFormatter.ofPattern("yyyy-MM-dd HH:mm:ss").format(localDate));