要禁用HTML5日期选择器中的过去日期，需将input的min属性设为当前日期的YYYY-MM-DD格式字符串，推荐用JavaScript动态生成：document.getElementById("datePicker").min = new Date().toISOString().split('T')[0]；同时服务端和提交时须二次校验。
要让HTML5日期选择器禁止用户选择过去的日期，只需为 设置 min 属性为当前日期即可。浏览器会自动禁用或灰掉早于该日期的选项。
设置 min 为今天日期（关键步骤）
必须用 YYYY-MM-DD 格式提供字符串，不能用 Date 对象或时间戳。推荐在页面加载时用 JavaScript 动态生成当天日期，确保每次打开都是最新日期：
- 用
new Date().toISOString().split('T')[0]获取标准格式的今日日期（如"2024-06-15"） - 直接赋值给 input 元素的
min属性，例如：
<script><br> document.getElementById("datePicker").min = new Date().toISOString().split('T')[0];<br> </script> - 如果只写静态 HTML（不依赖 JS），可手动写死 min 值，但需每天更新，不推荐
max 属性不是必需，但可配合使用
若还需限制最晚可选日期（比如最多只能选 30 天后），可同时设置 max：
- 同样用
YYYY-MM-DD格式 - JavaScript 示例（30 天后）：
const today = new Date();
const maxDate = new Date(today);
maxDate.setDate(today.getDate() + 30);
document.getElementById("datePicker").max = maxDate.toISOString().split('T')[0];
注意兼容性与用户体验细节
虽然现代 Chrome、Edge、Firefox 和 Safari 都支持 date 类型及 min/max，但仍需留意：
- 移动端（尤其是 iOS Safari）对 min/max 的响应更严格，通常直接隐藏不可选日期
- 桌面端 Chrome 会灰显过去日期，但用户仍可能手动输入非法值 —— 所以服务端必须再次校验
- 不要仅靠前端限制，提交时务必用 JavaScript 再检查一次：
if (input.value
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
