📅 最后修改于: 2023-12-03 15:31:14.109000 🧑 作者: Mango
在HTML中，可以使用<input>标签来创建输入框。有时候需要禁用特定日期的输入，这时可以使用min和max属性来限制可选日期范围。不过，如果需要将一周中的某些天禁用，则需要使用disabled属性，以及一些javascript代码来实现。
disabled属性用于禁用输入框。当该属性被添加到<input>标签中时，该输入框将无法被编辑或提交。下面是一个示例：
<input type="text" disabled>
在上面的示例中，输入框被禁用了。如果需要输入框中有默认值，则可以添加value属性：
<input type="text" value="默认值" disabled>
如果需要在一周中的某些天禁用输入，则需要使用JavaScript来为每个输入框添加onclick事件。下面是一个示例：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>禁用周几</title>
</head>
<body>
<label for="monday">星期一</label><input type="text" id="monday"><br>
<label for="tuesday">星期二</label><input type="text" id="tuesday"><br>
<label for="wednesday">星期三</label><input type="text" id="wednesday"><br>
<label for="thursday">星期四</label><input type="text" id="thursday"><br>
<label for="friday">星期五</label><input type="text" id="friday"><br>
<label for="saturday">星期六</label><input type="text" id="saturday"><br>
<label for="sunday">星期日</label><input type="text" id="sunday"><br>
<script>
// 获得今天是星期几，0表示星期日
var today = new Date().getDay();
// 获得星期一的日期
var monday = new Date();
var difference = today - 1;
if (difference < 0) {
difference = 6;
}
monday.setDate(monday.getDate() - difference);
// 禁用所有从星期六到星期日的输入框
for (var i = 5; i <= 6; i++) {
var day = new Date(monday);
day.setDate(day.getDate() + i);
var input = document.getElementById(getDayName(i));
input.setAttribute("disabled", "disabled");
}
// 根据数字获得星期几的名称
function getDayName(day) {
if (day === 0) {
return "sunday";
} else if (day === 1) {
return "monday";
} else if (day === 2) {
return "tuesday";
} else if (day === 3) {
return "wednesday";
} else if (day === 4) {
return "thursday";
} else if (day === 5) {
return "friday";
} else {
return "saturday";
}
}
</script>
</body>
</html>
在上面的示例中，我们首先获得今天的星期日，并计算出星期一的日期。然后，我们禁用所有从星期六到星期日的输入框。要禁用一个输入框，可以使用setAttribute方法来为其添加disabled属性，如下所示：
var input = document.getElementById(getDayName(i));
input.setAttribute("disabled", "disabled");
使用disabled属性可以方便地禁用一个输入框。如果需要禁用一周中的某些天，则需要使用JavaScript来为每个输入框添加onclick事件，并禁用它们。