HTML5 input type="date"仅支持YYYY-MM-DD格式字符串，不识别Unix时间戳；需用JavaScript将毫秒级时间戳转为ISO日期字符串（注意getMonth()+1和padStart补零），再赋值给value；反向获取时须拼接'T00:00:00Z'确保UTC解析，valueAsNumber对date类型始终返回NaN。
HTML5 input type="date" 不支持纪元时间（Unix Timestamp）直接输入
浏览器原生的 input type="date" 只接受 YYYY-MM-DD 格式的字符串，比如 "2024-06-15"。它完全不识别纪元时间（即从 1970-01-01T00:00:00Z 开始的秒数或毫秒数），传 1718409600 或 1718409600000 进去会变为空值或触发校验失败。
把纪元时间转成 YYYY-MM-DD 才能填进 input[type=date]
必须在 JS 中手动转换——不能靠 HTML 属性或浏览器自动解析。核心是用 new Date() 构造日期对象，再格式化为年月日字符串：
const timestamp = 1718409600000; // 毫秒级纪元时间
const date = new Date(timestamp);
const yyyy = date.getFullYear();
const mm = String(date.getMonth() + 1).padStart(2, '0');
const dd = String(date.getDate()).padStart(2, '0');
const isoDate = `${yyyy}-${mm}-${dd}`; // → "2024-06-15"
document.getElementById('myDateInput').value = isoDate;
- 注意：纪元时间单位是毫秒（不是秒），传秒要乘以
1000 -
getMonth()返回 0–11，必须加1 - 必须用
padStart(2, '0')补零，否则"2024-6-5"会被浏览器拒绝
反向：用户选了日期后，怎么拿到纪元时间？
从 input[type=date].value 拿到的是 "2024-06-15" 字符串，需转成 Date 对象再调用 getTime()：
const dateString = document.getElementById('myDateInput').value; // "2024-06-15"
if (dateString) {
const date = new Date(dateString + 'T00:00:00Z'); // 强制按 UTC 解析
const timestampMs = date.getTime(); // 毫秒级纪元时间
}
- 务必拼上
T00:00:00Z，否则各浏览器对时区处理不一致（例如 Chrome 默认本地时区，Safari 可能按 UTC） - 如果业务要求“当天 0 点本地时区”，可改用
new Date(dateString)，但要注意跨时区数据一致性风险
别用 valueAsNumber 试图绕过格式转换
input[type=date] 的 valueAsNumber 属性**始终返回 NaN**，这是规范行为，不是 bug。它只对 type="number"、"range" 等数值型输入有效，日期输入不适用。
立即学习“前端免费学习笔记（深入）”；
试图写 el.valueAsNumber 或设置 el.valueAsNumber = 1718409600000 都不会生效，且无任何提示。
纪元时间与 HTML5 日期控件之间没有直连通道，中间那层格式转换绕不开，漏掉时区或补零细节就会导致日期偏移一天。
