介绍
在 HTML 中，新的输入类型 <input type="week"> 可以让用户选择一周中的某个日期。在本文中，我们将学习如何使用此输入类型，以及对应属性和事件的一些注意事项。
使用方法
基本使用
使用<input type="week">，可以创建一个简单的周选择器：
<label>选择日期：
<input type="week" name="date">
</label>
在此示例中，周选择器将显示为一个带有周数和周内日期的文本输入框，用户可以通过在其上单击并拖动来选择日期。
需要注意的是，如果浏览器不支持此输入类型，则会将其回退到文本输入框，用户仍然可以手动输入日期。为了兼容性，还建议添加一个“最小”属性：
<label>选择日期：
<input type="week" name="date" min="2021-W01">
</label>
“最小”属性指定可选的最早周数（在本例中为 2021 年第一周）。这将确保在不支持此输入类型的浏览器上，至少能够支持文本输入框。
其他属性
类似于其他输入类型，<input type="week"> 还有一些其他的属性可以使用：
max - 可选的最大周数，表示可以选择的最晚日期。
value - 初始值。
required - 是否为必需的。
disabled - 是否禁用。
readonly - 是否只读。
例如，你可以通过以下代码来创建一个周选择器，它将只允许选择今年之前的日期，并且不允许手动输入日期：
<label>选择日期：
<input type="week" name="date" max="2021-W52" readonly>
</label>
事件
类似于其他输入类型，<input type="week"> 也可以触发特定的事件。例如，当用户更改日期时，它将触发 "change" 事件。
下面的代码演示了如何使用 "change" 事件：
<label>选择日期：
<input type="week" name="date" onchange="displayDate()">
</label>
<script>
function displayDate() {
const date = document.querySelector('input[type="week"]').value;
console.log(date);
}
</script>
在此示例中，选择日期后，当用户更改其日期时，将调用 JavaScript 函数 displayDate()。在该函数中，我们获取了选定日期的值，并将其记录在控制台中进行检查。
结论
<input type="week"> 可以让用户轻松地选择特定周内的日期。在本文中，我们学习了如何使用此输入类型，设置其属性和事件。但需要注意的是，浏览器的兼容性可能有所不同，所以在使用期间需要特别留意。