HTML 原生 <input type="date"> 无法直接禁用指定星期几（如周日、周一），但可通过 min 属性限制日期范围，并结合 change 事件校验并拒绝非法星期，实现功能闭环。
html 原生 `` 无法直接禁用指定星期几（如周日、周一），但可通过 `min` 属性限制日期范围，并结合 `change` 事件校验并拒绝非法星期，实现功能闭环。
在 Web 表单开发中，常需对日期选择器施加多重业务约束：例如禁止用户选择过去的日期、未来超过2天的日期，同时排除周日（0）和周一（1）——这在物流预约、服务调度等场景中尤为常见。遗憾的是，HTML 标准的 <input type="date"> 不支持通过 min/max 或其他原生属性禁用特定星期几，其 min 和 max 仅作用于完整日期（YYYY-MM-DD），无法识别星期逻辑。
因此，最佳实践是采用「范围限制 + 实时校验 + 用户反馈」三步策略：
✅ 第一步：设置最小可选日期（禁用过去 + 未来2天内）
使用 JavaScript 动态计算 min 值：当前日期 + 2 天（即最早可选日期为后天）。注意：min 仅限制下限，若需上限（如最多选到3天后），可额外设置 max；本例仅需下限。
const notBefore = new Date();
notBefore.setDate(notBefore.getDate() + 2);
document.getElementById('txtDate').min = formatDate(notBefore);其中 formatDate() 确保输出符合 YYYY-M-D 格式（无需补零，现代浏览器兼容性良好）：
立即学习“前端免费学习笔记（深入）”；
function formatDate(date) {
return date.getFullYear() + '-' + (date.getMonth() + 1) + '-' + date.getDate();
}✅ 第二步：监听 change 事件，拦截非法星期
当用户选择日期后，立即解析该日期并调用 getDay() 获取星期索引（0 = Sunday, 1 = Monday）。若值 ≤ 1，则属于禁用星期，清空输入并提示：
document.getElementById('txtDate').addEventListener('change', function(ev) {
const selectedDate = new Date(ev.target.value);
const dayOfWeek = selectedDate.getDay(); // 0 → Sunday, 1 → Monday
if (dayOfWeek === 0 || dayOfWeek === 1) {
alert('❌ 周日和周一不可选，请选择周二至周六的日期。');
ev.target.value = ''; // 清空非法选择
ev.target.focus(); // 重新聚焦，便于重选
}
});⚠️ 注意事项：
- change 事件在用户确认选择后触发（如点击日期、回车或失焦），比 input 更可靠；
- 清空 value 后建议 focus()，提升用户体验；
- 若需更友好交互，可改用 setCustomValidity() 配合 reportValidity() 实现原生表单验证样式（如红色边框+提示气泡）；
- 服务端必须二次校验——前端限制可被绕过，关键业务逻辑不可依赖纯前端防护。
✅ 完整可运行示例
<label>Pickup Date: </label>
<input class="datepicker" type="date" name="delivery_date" id="txtDate" required />
<script>
function formatDate(date) {
return date.getFullYear() + '-' + (date.getMonth() + 1) + '-' + date.getDate();
}
// 设置最早可选日期：今天 + 2 天（即后天）
const notBefore = new Date();
notBefore.setDate(notBefore.getDate() + 2);
document.getElementById('txtDate').min = formatDate(notBefore);
// 校验星期：禁用周日(0)和周一(1)
document.getElementById('txtDate').addEventListener('change', function(ev) {
if (!ev.target.value) return;
const date = new Date(ev.target.value);
if (date.getDay() === 0 || date.getDay() === 1) {
alert('周日和周一不可选，请重新选择。');
ev.target.value = '';
ev.target.focus();
}
});
</script>此方案兼顾兼容性（无需第三方库）、简洁性与可靠性，是 HTML 原生日期控件在复杂业务规则下的务实解法。
