HTML5原生<input type="date">不支持multiple属性，因规范禁止；替代方案包括checkbox日期列表或flatpickr等第三方库实现多选。
HTML5 原生 <input type="date"> 不支持多选，所谓“批量选择日期”无法通过单个原生控件实现——这是浏览器规范决定的，不是写法或属性漏配的问题。
为什么 multiple 对 type="date" 无效
HTML5 规范明确禁止为 date、time、datetime-local 等时间类输入类型设置 multiple 属性。即使你强行加上：<input type="date" multiple>，所有主流浏览器（Chrome、Firefox、Safari）都会忽略该属性，表现和单选完全一致。
- 控制台不会报错，但 DOM 中
multiple属性存在却无行为响应 -
input.value始终返回单个 ISO 字符串（如"2024-05-20"），无法获取多个值 - 移动端系统级日期选择器也只提供单日选取界面
可行替代方案：用 type="checkbox" + 日期列表生成多选
适用于已知有限日期范围（如本月日历、固定排班表），且需要用户勾选多个离散日期的场景：
- 用 JavaScript 生成日期数组（例如
Array.from({length: 31}, (_, i) => new Date(2024, 4, i+1))） - 为每个日期渲染一个
<label><input type="checkbox" value="2024-05-01"> 5月1日</label> - 提交时收集所有
checked复选框的value，得到字符串数组（如["2024-05-01", "2024-05-03"]） - 注意：需手动处理时区（
toISOString().split('T')[0]比toLocaleDateString()更可靠）
更灵活的方案：第三方库（如 flatpickr、Pikaday）
若需真正意义上的“日期范围+多选混合”（比如选中 5.1、5.3、5.5–5.7），推荐使用支持 mode: "multiple" 的轻量级日历库：
立即学习“前端免费学习笔记（深入）”；
-
flatpickr("#picker", { mode: "multiple", dateFormat: "Y-m-d" })—— 初始化后点击可累加选择，getSelectedDates()返回Date[]数组 - 注意：默认不校验重复，需自行去重；移动端体验依赖库本身适配程度
- 避免引入全量 moment.js，flatpickr 自带时区处理，体积仅 ~25KB（gzip）
- 不要用 jQuery UI Datepicker，其多选需额外插件且已停止维护
真正麻烦的不是“怎么写多选”，而是后续如何传参、校验、服务端解析——比如多个日期是存为 JSON 数组、逗号分隔字符串，还是拆成多个同名字段？这些设计点比前端控件选择更容易被忽略。
