以下是一个简单的例子，演示如何获取日期和时间选择器的 DOM 对象以及如何使用它：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Datetime Input Element</title>
</head>
<body>
<label for="datetimePicker">Select a date and time:</label>
<input type="datetime-local" id="datetimePicker">
<script>
// 通过 id 获取日期和时间选择器的 DOM 对象
var datetimeInput = document.getElementById("datetimePicker");
// 添加事件监听器，以便在日期和时间选择改变时触发
datetimeInput.addEventListener("input", function() {
// 获取选择的日期和时间值
var selectedDatetime = datetimeInput.value;
// 在控制台输出选择的日期和时间值
console.log("Selected date and time: " + selectedDatetime);
});
</script>
</body>
</html>
在这个例子中，我们使用 addEventListener 来监听日期和时间选择器的 input 事件。当用户选择日期和时间时，将触发事件处理程序，并输出所选择的日期和时间值。请注意，日期和时间的格式通常是 "YYYY-MM-DDTHH:mm"。你可以根据实际需求修改事件处理程序以执行特定的操作。
转载请注明出处：http://www.zyzy.cn/article/detail/4394/HTML