HTML date input 的 min 属性必须为完整 ISO 日期（如“2024-06-01”），不支持“最小月份”；错误格式（如“2024-06”）将导致属性失效；动态设置需用 JS 生成当月第一天，注意时区问题；iOS Safari 对 min/max 支持不稳定，需配合 JS 提交校验。
date input 的 min 属性只支持年-月-日，不支持“最小月份”
HTML 原生 没有「最小月份」这个概念。它的 min 属性必须是完整日期格式（YYYY-MM-DD），浏览器会据此禁用早于该日期的所有选项。如果你只想限制到某年某月（比如“不能早于 2024-06”），但允许当月任意日，就得手动补全为当月第一天：min="2024-06-01"。
常见错误是写成 min="2024-06" 或 min="2024-6" —— 这会导致整个属性被忽略，日期框行为退化为无限制。
- 必须是 ISO 格式：4位年 + 2位月 + 2位日，中间用短横线连接
- 月份和日期不足两位时，必须补零（
"2024-6-1"无效，"2024-06-01"才有效） - 值必须是合法日期（
"2024-02-30"会被浏览器静默修正或忽略）
用 JavaScript 动态设置 min 值实现“本月起选”
如果需求是“只能选当前月及之后的日期”，纯 HTML 无法自动计算，必须靠 JS 更新 min。关键点在于生成当月第一天：
const today = new Date();
const firstDayOfMonth = new Date(today.getFullYear(), today.getMonth(), 1);
const minDateStr = firstDayOfMonth.toISOString().split('T')[0]; // → "2024-06-01"
document.querySelector('input[type="date"]').min = minDateStr;
注意：toISOString() 返回 UTC 时间，若用户时区与 UTC 有偏移，可能错一天。更稳妥的做法是手动拼接：
const y = today.getFullYear();const m = String(today.getMonth() + 1).padStart(2, '0');const min = `${y}-${m}-01`;
移动端 Safari 对 min/max 支持不稳定
iOS Safari（尤其是 iOS 16 之前）常忽略 min 和 max，或仅在打开日期选择器时部分生效。这不是 bug，而是其原生 picker 实现未严格遵循规范。
实际应对方式只有两个：
- 提交前用 JS 校验：
if (input.value && new Date(input.value) - 放弃原生控件，改用第三方日期库（如 flatpickr、vanillajs-datepicker），它们能绕过系统 picker 限制
别指望 CSS 或属性 hack 能修复 —— 这是 WebKit 渲染层的限制，非样式问题。
为什么不能用 month input 替代？
看似符合“只选年月”的需求，但它：不支持 min/max 的月粒度限制（规范允许，但 Chrome/Safari 实际不响应），且提交值格式为 YYYY-MM，后端解析易出错；更重要的是，它无法约束具体日期（比如“6月只能选 15 号之后”），和原始需求本质不同。
所以，除非你明确只要年月、不要日，否则坚持用 type="date" + 合理 min + JS 校验，是最可控的路径。
真正容易被忽略的是时区处理和 Safari 的兼容性兜底 —— 写完 HTML 属性后，务必在真机上测 iOS 和 Android 主流版本，别只看桌面 Chrome。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
