如何为type=week的input输入框设置min和max属性

<input type="week">的min、max属性要求遵循ISO 8601周标准格式，固定写法为YYYY-Www，各部分含义如下：

• YYYY：4位数字的年份
• W：固定大写字母，不可省略或修改
• ww：两位数字的ISO周数，取值范围通常为01_{`52`，部分年份为`01`}53

你之前尝试的所有写法都不符合格式要求，因此无法生效。如果要限制用户只能选择2021年的所有周，正确写法如下：

<input type="week" min="2021-W01" max="2021-W52">

注意事项 #

ISO周的计算规则和普通周历有差异：每年的第一周是包含当年1月4日的周，因此1月上旬的日期可能属于上一年的最后一周，12月下旬的日期可能属于下一年的第一周。如果需要精确匹配业务范围，建议先选中对应周，通过input.value获取正确的格式值再赋值给min/max属性。可以用以下代码快速获取正确的周格式：

<input type="week" id="testWeekInput">
<script>
document.querySelector('#testWeekInput').addEventListener('change', e => {
  console.log('当前选中周的标准格式：', e.target.value)
})
</script>

内容的提问来源于stack exchange，提问作者Allart