能调起原生日历，但需满足前提：使用chrome、edge、firefox 57+、safari 14.1+等现代浏览器，且value必须为严格yyyy-mm-dd格式（如“2023-05-01”），min/max也须同格式，否则退化为文本框或失效。
input 标签原生支持日期选择，但行为和兼容性取决于 type 属性值与浏览器实现，不是所有场景都可靠。
用 type="date" 触发原生日期选择器
现代浏览器（Chrome、Edge、Firefox 57+、Safari 14.1+）对 type="date" 有原生支持，会渲染为带日历图标的输入框，点击弹出日期选择面板。
- 必须设置
value为YYYY-MM-DD格式字符串，否则可能显示为空或无效（如"2023/05/01"或"2023-5-1"均不被识别） - 可配合
min、max限制可选范围，例如：min="2023-01-01"、max="2025-12-31" - Safari 在 iOS 14.5 之前不支持
type="date"，降级为普通文本框，无校验、无格式提示
遇到 Invalid Date 或提交空值怎么办
常见于 JavaScript 中用 new Date(input.value) 解析时出错，根本原因是 input.value 在未选择时为空字符串，或用户手动输入了非法格式。
- 始终检查
input.value是否非空再解析：if (input.value) { new Date(input.value) } - 不要依赖
input.valueAsDate在旧版 Safari 或某些 Android WebView 中返回null即使已选日期 - 后端接收时不能假设前端已校验，仍需验证
YYYY-MM-DD格式及日期有效性（如 2023-02-30 应拒绝）
需要兼容老浏览器或自定义样式时怎么处理
原生 type="date" 无法用 CSS 深度定制外观（比如修改日历图标、面板颜色），且 IE 完全不支持。此时需 JS 方案兜底。
- 检测支持性：
const supportsDate = input.type === "date" && input.type !== "text"，若不支持则动态加载轻量级库（如 flatpickr、vanillajs-datepicker） - 避免用
type="text"+ 正则模拟：缺少语义化、无障碍支持差、移动端不会唤起日期键盘 - 若用第三方库，注意初始化时机——必须在 DOM 加载完成后执行，且监听
change而非input，因为日期选择器通常只在确认后触发change
最易被忽略的是时区处理：input.value 永远是本地时区的 YYYY-MM-DD，但 input.valueAsNumber 返回的是 UTC 时间戳，直接用于计算可能偏移一天。需要日期逻辑的地方，优先以字符串为准，而非转时间戳操作。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
