HTML5 <input type="date"> 提交后后台收不到值，主因是后端未正确解析 YYYY-MM-DD 字符串格式，如 Spring Boot 未配置 @DateTimeFormat 或全局转换器，PHP/Node.js/Flask 缺少空值防御与格式校验。
HTML5 <input type="date"> 提交后后台收不到值，大概率不是前端没传，而是后端没正确解析格式或类型不匹配。
为什么 <input type="date"> 提交后变成空？
浏览器自动将日期转为 YYYY-MM-DD 格式（如 "2024-06-15"）发送，但后端框架常默认按字符串接收，若字段类型是 java.util.Date、LocalDateTime 或数据库 DATETIME 类型，且未配格式解析器，就会静默失败或转成 null。
- Spring Boot 默认不支持直接绑定
LocalDate到表单参数，需显式配置 - PHP 的
$_POST能收到字符串，但若用strtotime()处理却传了空字符串（比如用户没选），就返回 false - Node.js 的
body-parser会原样保留字符串，但若后续用new Date()构造却忽略时区或格式错误，也可能产出 Invalid Date
Java Spring Boot 后端接收 <input type="date"> 的写法
必须让 Spring 知道怎么把 "2024-06-15" 解析成 LocalDate。不能只靠字段类型声明。
- Controller 方法参数加
@DateTimeFormat(pattern = "yyyy-MM-dd")：@PostMapping("/save")<br>public String save(@RequestParam @DateTimeFormat(pattern = "yyyy-MM-dd") LocalDate birthDate) { ... } - 全局配置（推荐）：在
WebMvcConfigurer中注册LocalDate的转换器，避免每个参数都加注解 - 若用
@ModelAttribute绑定对象，确保对象字段是LocalDate，并在类上加@DateTimeFormat或启用全局转换 - 注意：别用
java.util.Date，它依赖系统默认时区且容易出错；LocalDate更安全，也天然匹配 HTML5 的纯日期格式
PHP / Node.js / Python Flask 接收要点
这些语言不自带日期类型绑定，靠手动解析，关键在「空值防御」和「格式校验」。
立即学习“前端免费学习笔记（深入）”；
- PHP：
$dateStr = $_POST['birth_date'] ?? ''; if ($dateStr && preg_match('/^\d{4}-\d{2}-\d{2}$/', $dateStr)) { $date = new DateTime($dateStr); } - Node.js（Express）：
const dateStr = req.body.birth_date; if (dateStr && !isNaN(new Date(dateStr).getTime())) { const date = new Date(dateStr); }—— 注意new Date("2024-06-15")是合法的，但new Date("")或new Date("invalid")会是 Invalid Date - Flask：
date_str = request.form.get('birth_date') or None; if date_str and re.match(r'^\d{4}-\d{2}-\d{2}$', date_str): dt = datetime.strptime(date_str, '%Y-%m-%d')
容易被忽略的兼容性细节
HTML5 type="date" 在 Safari 旧版、部分安卓 WebView 中可能回退为文本框，用户可能手输非标准格式（如 "15/06/2024"），后端不能假设输入一定合规。
- 前端加
required和pattern只是辅助，不可替代后端校验 - 移动端键盘触发的日期选择器输出固定为
YYYY-MM-DD，但用户手动删除或粘贴时仍可能破坏格式 - 如果后端 API 同时被 App 或其他前端调用，别把
YYYY-MM-DD当唯一格式，留好扩展余地（比如接受时间戳或带时区的 ISO 字符串）
