HTML HTML5 输入 datetime-local 的默认值是今天和当前时间

在本文中，我们将介绍如何在HTML的datetime-local输入类型中设置默认值为今天的日期和当前时间，并提供示例说明。

阅读更多：HTML 教程

设置默认值为今天的日期

在HTML5中，我们可以使用以下代码设置datetime-local输入类型的默认值为今天的日期：

<input type="datetime-local" value="2022-05-25T00:00">

在上述代码中，value属性设置为”2022-05-25T00:00″，其中”2022-05-25″表示日期，”00:00″表示时间（24小时制）。这样，打开页面时，该输入框将显示默认值为今天的日期。

这是一个示例代码，你可以根据需要修改日期和时间的值。

设置默认值为当前时间

要将datetime-local输入类型的默认值设置为当前时间，我们可以使用JavaScript来动态生成默认值并将其放入value属性中。

以下是一个示例代码，展示如何使用JavaScript动态生成默认值为当前时间的datetime-local输入框：

<input type="datetime-local" id="current-time-input">
<script>
  var currentTime = new Date();
  var year = currentTime.getFullYear();
  var month = (currentTime.getMonth() + 1).toString().padStart(2, '0');
  var date = currentTime.getDate().toString().padStart(2, '0');
  var hour = currentTime.getHours().toString().padStart(2, '0');
  var minute = currentTime.getMinutes().toString().padStart(2, '0');

  var defaultValue = year + '-' + month + '-' + date + 'T' + hour + ':' + minute;
  document.getElementById("current-time-input").value = defaultValue;
</script>

在上述代码中，我们使用了JavaScript的Date对象获取当前时间，并使用一些操作方法来获取年、月、日、小时和分钟。然后，我们将这些值拼接成默认值，并将其赋给value属性，使输入框显示当前时间。