HTML5原生不支持快捷选项，因其设计目标是语义化与可访问性，而非交互扩展；所有浏览器禁止JS直接操作其内部日历UI，快捷功能须由开发者用JS配合外部按钮实现，且value必须为严格ISO格式YYYY-MM-DD。
HTML5 原生 <input type="date"> 不提供“快捷选项”（如“今天”“本周一”“上个月”等按钮），它只渲染系统级日期选择器，行为由浏览器和操作系统决定，无法通过 HTML 属性添加自定义快捷按钮。
为什么 type="date" 不能直接加快捷选项
原生控件的设计目标是语义化与可访问性，而非交互扩展。所有浏览器（Chrome、Edge、Safari）都禁止 JS 直接操作其内部弹出日历 UI，也无法用 CSS 注入按钮。所谓“快捷选择”必须由开发者在外部实现。
实现快捷按钮的常见方式：配合 <input type="date"> 使用 JS 控制 value
核心思路是：保留原生日期输入框，额外添加按钮（如“今天”“明天”），点击时用 JS 设置 input.value 为对应日期字符串（格式必须为 YYYY-MM-DD）。
- 日期字符串必须严格符合 ISO 8601 格式，否则
input.value赋值会静默失败 - 推荐用
new Date().toISOString().slice(0,10)获取今日日期字符串，避免手动拼接出错 - 注意时区：若需本地时区而非 UTC，改用
date.getFullYear() + "-" + String(date.getMonth()+1).padStart(2,"0") + "-" + String(date.getDate()).padStart(2,"0")
容易踩的坑：value 赋值不生效或格式错误
常见现象：input.value = "2024-5-1" 或 "2024/05/01" 都不会生效——前者月份/日期缺前导零，后者用了斜杠。原生 date 输入框只接受 YYYY-MM-DD，且月、日必须两位数。
立即学习“前端免费学习笔记（深入）”；
- 错误写法：
input.value = new Date().toDateString()（返回类似"Fri May 03 2024"） - 错误写法：
input.value = "2024-5-1"（应为"2024-05-01"） - 正确写法：
input.value = new Date().toISOString().split("T")[0] - 兼容旧版 Safari（
toISOString在 iOS
要不要用第三方库（如 flatpickr、Pikaday）
如果项目需要“本月第一天”“相对日期快捷键”“范围选择”等复杂功能，原生方案很快会变得难维护。此时 flatpickr 等轻量库更合适——它们提供 todayButton、quickSelect 等配置项，且样式可控、移动端友好。
但要注意：引入库意味着放弃原生 type="date" 的自动键盘适配（iOS/Android 会唤起数字键盘而非日期键盘），需手动处理 focus 和软键盘触发逻辑。
真正关键的不是“怎么加按钮”，而是想清楚：用户到底需要哪几个快捷动作？是否必须保持原生语义？有没有无障碍要求？这些决定了你该手写三行 JS，还是换一个库。
