HTML5 date input值转Date对象应拆解字符串构造，避免new Date(input.value)；回填需格式化为YYYY-MM-DD字符串；valueAsNumber/valueAsDate存在兼容性与语义问题，min/max属性也须用同格式字符串。
HTML5 的 返回的字符串格式固定为 "YYYY-MM-DD"，JS 拿到的是字符串，不是 Date 对象——这是绝大多数人踩坑的起点。
怎么把 input date 的值转成 JS Date 对象
不能直接 new Date(input.value) 了事，虽然在多数浏览器里能工作，但规范不保证兼容性（比如 Safari 旧版本会返回 Invalid Date）。
- 推荐做法：拆解字符串再构造
Date，避开时区干扰：const val = input.value; // "2024-03-15" const [y, m, d] = val.split('-').map(Number); const date = new Date(y, m - 1, d); // 注意月份从 0 开始 - 不推荐：
new Date(input.value + 'T00:00')—— 加T00:00是为了强制按本地时区解析，但仍有 Safari 兼容风险 - 如果需要 UTC 时间，用
Date.UTC(y, m - 1, d)再传给new Date()
怎么把 JS Date 对象填回 input date
只接受 "YYYY-MM-DD" 格式字符串，Date.prototype.toISOString() 返回的是带时间的 UTC 字符串（如 "2024-03-15T00:00:00.000Z"），直接赋值会清空输入框或报错。
- 安全写法：手动格式化年月日
const date = new Date(); const y = date.getFullYear(); const m = String(date.getMonth() + 1).padStart(2, '0'); const d = String(date.getDate()).padStart(2, '0'); input.value = `${y}-${m}-${d}`; - 快捷但需注意：用
date.toISOString().slice(0, 10)—— 这依赖于toISOString()总是返回标准格式，目前所有主流引擎都满足，但属于“用实现细节”，不如手动拼接语义清晰 - 别用
date.toLocaleDateString('sv-SE')，虽然也输出"YYYY-MM-DD"，但 locale 依赖系统设置，不可靠
为什么 valueAsNumber 和 valueAsDate 不好用
input.valueAsNumber 返回毫秒时间戳（基于 UTC 零点），valueAsDate 返回 Date 对象（也是基于 UTC 零点），但它们在部分浏览器中行为不一致：
立即学习“前端免费学习笔记（深入）”；
- Chrome 和 Edge 支持良好；Firefox 在某些版本中
valueAsDate会返回null（尤其 input 未聚焦过） -
valueAsNumber的数值意义模糊：它代表的是「该日期在 UTC 时区的零点」对应的毫秒数，和用户本地看到的日期可能跨天（比如用户在东八区选了 2024-03-15，valueAsNumber对应的是 UTC 时间 2024-03-15T00:00:00Z，即北京时间 3 月 15 日早 8 点） - 实际项目中，除非你明确需要时间戳且能控制浏览器环境，否则绕开这两个属性更稳妥
最易被忽略的一点：日期输入框的 min/max 属性也必须是 "YYYY-MM-DD" 字符串，传 Date 对象或时间戳会静默失败。校验逻辑和 DOM 属性必须统一用字符串对齐，别混用类型。
