HTML input[type="date"]提交值恒为YYYY-MM-DD字符串，常见解析失败源于后端未按字符串处理或前端误用new Date()转换导致跨浏览器兼容问题。
HTML input[type="date"] 提交值永远是 YYYY-MM-DD 字符串，所谓“格式不对”90%是后端没按字符串解析，或前端误用 new Date() 二次转换导致跨浏览器失败。
为什么后端收不到或解析成 Invalid Date？
浏览器提交的确实是标准 2026-10-19 字符串，但常见错误有：
- 前端 JS 直接写
new Date(input.value)→ Safari、旧版 Chrome 会返回Invalid Date，因为不支持纯日期字符串解析 - 后端框架（如 Spring Boot）字段类型是
LocalDate，但没加@DateTimeFormat(pattern = "yyyy-MM-dd") - Python Flask 用
request.form['date']拿到的是字符串，却直接传给datetime.date.fromisoformat()，但用户可能提交了空格或 BOM - Express + body-parser 默认把
date当字符串接收，有人误写new Date(req.body.date)，遇到空值就崩
前端怎么安全读取和补全时间？
别碰 toISOString() 或 toJSON()，它们强制带时间部分；也别依赖 valueAsDate（Android WebView 常返回 null）。稳妥做法只有一条：
- 读取时：始终用
input.value，它就是"2026-10-19" - 需要转为 Date 对象做计算时：用
new Date(input.value + "T00:00")强制补全时间部分，避免时区偏移影响 - 要显示本地化格式（如
2026/10/19）：用new Date(input.value + "T00:00").toLocaleDateString("zh-CN", {year:"numeric",month:"2-digit",day:"2-digit"})，但绝不赋回input.value
AJAX 提交时别手动拼 JSON
用 FormData 最省心，浏览器自动处理编码和空值：
html-to-pptx-converter
下载
使用 PptxGenJS 和 Python 解析，将结构化的 HTML/CSS 幻灯片内容转换为原生、可编辑的 PowerPoint（.pptx）演示文稿。
立即学习“前端免费学习笔记（深入）”；
const form = document.querySelector('form');
form.addEventListener('submit', async (e) => {
e.preventDefault();
const data = new FormData(form);
// data.get('start_date') → 就是 "2026-10-19"
const res = await fetch('/api/submit', { method: 'POST', body: data });
});
如果后端非要 JSON：
- 直接取
input.value构造对象：{ start_date: input.value } - 千万别写
JSON.stringify({ date: new Date(input.value) })—— 这会让"2026-10-19"变成无效日期再序列化 - 注意空值：
input.value为空时是空字符串，后端得能接受""或null
PHP 后端填值时容易漏掉格式转换
数据库里存的是 d/m/Y（如 "19/10/2026"），直接 echo 到 value 会导致输入框空白 —— 因为浏览器只认 YYYY-MM-DD：
- 必须用
DateTime::createFromFormat('d/m/Y', $dbDate)->format('Y-m-d') - 别用
strtotime()，它对模糊格式（如"01/02/2026"）在不同地区解释不同 - 空值检查不能少：
if (!empty($dbDate)) { ... }，否则createFromFormat返回false，format()会报错
真正难的不是转换，而是前后端都默认“日期该是个对象”，但 HTML5 的 type="date" 天然只输出字符串——这个认知落差，才是格式问题反复出现的根子。
