html input date 事件

HTML中的<input type="date">元素提供了一个日期选择器，允许用户选择一个日期。当用户选择日期时，会触发一个input事件。

你可以通过以下方式监听<input type="date">元素的input事件：

<input type="date" id="myDate">

<script>
  document.getElementById("myDate").addEventListener("input", function() {
    // 在此处执行事件处理程序
  });
</script>

在事件处理程序中，你可以使用JavaScript访问<input>元素的值并对其进行操作。例如，下面的代码将在控制台中记录所选日期：

<input type="date" id="myDate">

<script>
  document.getElementById("myDate").addEventListener("input", function() {
    console.log(this.value); // 记录所选日期
  });
</script>

请注意，<input type="date">元素仅在支持 HTML5 的浏览器中可用。如果你需要在旧版本的浏览器中使用日期选择器，可以考虑使用JavaScript库或框架，例如jQuery UI DatePicker。