在 web 开发中，我们经常会用到<input>元素来接收用户输入的数据。而在某些场景下，我们可能需要让用户输入一周的名称，比如星期一、星期二等等。为了实现这个功能，我们可以使用<input>元素的type属性为week。
什么是 week 类型的 input？
week类型的<input>元素允许用户选择一个周数，格式为"yyyy-Www"，其中 yyyy 表示年份，W 表示周的开头，ww 表示周数。用户可以通过点击输入框旁边的小箭头来选择周数，也可以直接在输入框中手动输入。
如何使用 week 类型的 input？
要创建一个week类型的<input>元素，只需要将type属性设置为week即可：
<input type="week" id="weekInput">
在上面的示例中，我们创建了一个week类型的输入框，并给它设置了一个id属性为weekInput。
获取 week 输入框的值
要获取week类型的输入框的值，我们可以通过 JavaScript 来实现。首先，我们需要获取到输入框的引用，然后通过value属性来获取输入框的值。
const weekInput = document.getElementById('weekInput');
const weekValue = weekInput.value;
console.log(weekValue);在上面的示例中，我们获取了id为weekInput的输入框的值，并将其打印到控制台中。
示例
下面是一个完整的示例，演示了如何创建一个week类型的输入框，并获取其值：
// www.javascriptcn.com code example
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Input Week Demo</title>
</head>
<body>
<input type="week" id="weekInput">
<button onclick="getWeekValue()">Get Week Value</button>
<script>
function getWeekValue() {
const weekInput = document.getElementById('weekInput');
const weekValue = weekInput.value;
alert(weekValue);
}
</script>
</body>
</html>在这个示例中，我们创建了一个week类型的输入框和一个按钮，当用户点击按钮时，会弹出输入框的值。
结论
通过使用week类型的<input>元素，我们可以方便地让用户选择一周的名称。这种类型的输入框对于需要用户选择日期范围的场景非常有用，希望本文对你有所帮助！