html5 怎么设日期
HTML5 提供了一些内置的日期和时间相关的输入类型，如 date、month、week、time 和 datetimelocal，这些输入类型可以帮助用户更方便地输入日期和时间信息，在 HTML5 中设置日期的方法如下：
1、使用 <input> 标签创建日期输入框
要创建一个日期输入框，可以使用 <input> 标签，并设置 type 属性为 date。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf8">
<title>HTML5 日期输入框示例</title>
</head>
<body>
<form>
<label for="date">请选择日期：</label>
<input type="date" id="date" name="date">
<input type="submit" value="提交">
</form>
</body>
</html>
2、使用 min 和 max 属性限制日期范围
你可以使用 min 和 max 属性来限制用户可以选择的日期范围，如果你想让用户只能选择今天之后的日期，可以这样设置：
<input type="date" id="date" name="date" min="today">
min="today" 表示用户只能选择今天的日期或之后，同样，你可以使用 max 属性来限制最小日期，如果你想让用户只能选择明天之前的日期，可以这样设置：
<input type="date" id="date" name="date" max="tomorrow">
3、使用 step 属性设置日期间隔
你可以使用 step 属性来设置日期输入框中的日期间隔，如果你想让用户每次只能选择一个月份，可以这样设置：
<input type="date" id="date" name="date" step="1">
step="1" 表示用户每次只能选择一个月份，同样，你可以使用负数的 step 值来允许用户选择过去的日期，如果你想让用户可以选择过去三个月的任意一天，可以这样设置：
<input type="date" id="date" name="date" step="1">
4、使用 value 属性设置默认日期
你可以使用 value 属性来设置日期输入框的默认日期，如果你想让用户在打开页面时看到的默认日期是今天的日期，可以这样设置：
<input type="date" id="date" name="date" value="today">
value="today" 表示默认显示今天的日期，同样，你可以使用其他日期值作为默认值，
<input type="date" id="date" name="date" value="20220101">
这将使默认显示的日期为 2022 年 1 月 1 日，注意，你需要将日期值用引号括起来，以符合 HTML5 的语法规则。
5、使用 JavaScript 动态设置日期
除了使用 HTML5 的属性设置日期外，你还可以使用 JavaScript 代码来动态设置日期输入框的值，你可以在用户点击按钮时弹出一个日历控件，让用户选择日期：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf8">
<title>HTML5 日期输入框示例</title>
<script>
function showDatePicker() {
document.getElementById("date").focus(); // 聚焦到日期输入框，以便弹出日历控件
}
</script>
</head>
<body>
<form>
<label for="date">请选择日期：</label>
<input type="date" id="date" name="date">
<button type="button" onclick="showDatePicker()">选择日期</button>
<input type="submit" value="提交">
</form>
</body>
</html>
在这个示例中，当用户点击“选择日期”按钮时，会触发 showDatePicker 函数，这个函数会将焦点设置到日期输入框上，从而弹出日历控件供用户选择日期，当用户选择了日期后，可以通过 JavaScript 代码获取选中的日期值，并将其设置为输入框的值。
var dateInput = document.getElementById("date"); // 获取日期输入框元素
var selectedDate = dateInput.value; // 获取选中的日期值（包括时间）
console.log(selectedDate); // 输出选中的日期值到控制台（包括时间）
