HTML5 <input type="date"> 提交值为“YYYY-MM-DD”字符串，后端需按字符串解析而非Date对象；用FormData最稳妥，若需JSON则直接传input.value；Spring、Flask、Express等框架须显式转换格式。
HTML5 <input type="date"> 提交时后端收不到值？
不是你代码写错了，大概率是前后端日期格式理解不一致。HTML5 的 <input type="date"> 值始终是 "YYYY-MM-DD" 格式字符串（如 "2024-06-15"），不带时间、不带时区、不自动转成 Date 对象——浏览器只管输出这个字符串，AJAX 里直接取 .value 就行，别调 toISOString() 或 new Date().toString()。
用 fetch 提交 <input type="date"> 的正确姿势
别手动拼 URL 参数，也别盲目转 JSON。最稳妥的是走表单数据流，让浏览器自动处理编码：
const form = document.querySelector('form');
form.addEventListener('submit', async (e) => {
e.preventDefault();
const data = new FormData(form);
// data.get('birth_date') → 直接拿到 "2024-06-15"
const res = await fetch('/api/user', {
method: 'POST',
body: data // 不设 Content-Type，让浏览器自动设为 multipart/form-data
});
});
- 如果后端要求
application/json，才需手动构造对象：{ birth_date: input.value }，注意input.value为空时是空字符串，后端要能处理 - 不要用
JSON.stringify({ date: new Date(input.value) })—— 这会把"2024-06-15"变成无效日期对象再序列化出错 - Chrome/Firefox/Safari 都支持
FormData自动包含type="date"字段，无需额外适配
后端收到 "2024-06-15" 却解析失败？检查这三点
常见于 Python Flask、Node.js Express、Java Spring 等框架，默认不把字符串自动转成日期类型：
- Spring Boot：字段加
@DateTimeFormat(pattern = "yyyy-MM-dd")注解 - Flask（Werkzeug）：用
datetime.strptime(request.form['date'], '%Y-%m-%d')显式解析 - Express + body-parser：默认只解析为字符串，需用
new Date(req.body.date)转，但注意空值会得Invalid Date - 关键点：HTML5 传来的就是纯字符串，后端不能假设它已是
Date实例或已校验格式
为什么不用 <input type="datetime-local">？
它返回的是 "YYYY-MM-DDTHH:mm"（如 "2024-06-15T14:30"），没有秒、没有时区信息。问题更隐蔽：
立即学习“前端免费学习笔记（深入）”；
- 部分老版本 Safari 不支持该类型，降级为文本框后用户可能输错格式
- 后端若按 ISO 8601 解析（如
new Date("2024-06-15T14:30")），结果依赖运行环境的本地时区，容易出偏差 - 真需要精确到分钟，建议前端用两个字段（date + time）分别提交，或统一转为 UTC 时间戳再传
日期传输的核心不是“怎么炫技”，而是前后端对字符串格式达成最小共识：YYYY-MM-DD 最稳，别绕弯。
