HTML5 的 <input type="date"> 显示格式不可自定义，因规范强制 value 为 YYYY-MM-DD 格式，UI 由浏览器/系统决定；需用 JavaScript 解析并格式化，注意 Safari 兼容性；服务端接收的始终是该标准字符串，降级需检测并兜底。
HTML5 的 <input type="date"> 本身不支持自定义格式显示（如 yyyy-MM-dd 以外的样式），浏览器渲染和提交值始终是 YYYY-MM-DD 格式，且无法通过 pattern 或 value 属性绕过该规范。
为什么改不了显示格式？
这是 HTML5 规范强制要求的：所有浏览器必须将 value 解析和提交为 YYYY-MM-DD（ISO 8601），UI 显示样式由系统/浏览器决定（如 Chrome 显示为“2024年6月12日”，Safari 可能用本地化短格式），但 DOM 中的 input.value 永远是 "2024-06-12"。试图用 input.setAttribute('value', '12/06/2024') 会失败或被自动标准化。
怎么获取用户选中的日期并转成其他格式？
必须在 JavaScript 中手动转换，不能依赖 input 的原始 value 属性直接输出中文或斜杠格式：
-
input.value拿到的是标准字符串，例如"2024-06-12" - 用
new Date(input.value)构造日期对象后格式化（注意：new Date("2024-06-12")在部分旧版 Safari 中可能返回Invalid Date，建议补零或用split('-')手动构造） - 推荐安全写法：
const d = input.value; if (d) { const [y, m, d0] = d.split('-'); const date = new Date(y, m - 1, d0); // 注意月份从 0 开始 const formatted = `${date.getDate()}/${date.getMonth() + 1}/${date.getFullYear()}`; }
服务端接收时要注意什么？
后端收到的永远是 YYYY-MM-DD 字符串（如 "2024-06-12"），不是时间戳，也不带时区信息：
立即学习“前端免费学习笔记（深入）”；
- PHP 中可直接用
DateTime::createFromFormat('Y-m-d', $_POST['date']) - Python Flask 中
request.form.get('date')返回的就是字符串，需用datetime.strptime(..., '%Y-%m-%d') - 不要假设它带时间部分——
type="date"不包含时分秒，也不受step影响时间精度
兼容性差的场景怎么兜底？
IE 完全不支持 type="date"，部分安卓 WebView 也降级为文本框。必须加 fallback：
- 用
<input type="date" onfocus="if (!this.type === 'date') this.type='text'">简单触发（但不够健壮） - 更可靠方式：检测
document.createElement('input').type === 'date'，为 false 时动态插入第三方日期选择器（如 flatpickr）或提示用户手动输入YYYY-MM-DD - 别忘了加
required和min/max属性，它们在降级为 text 时无效，需 JS 补充校验
真正麻烦的不是怎么写这个标签，而是你得接受：浏览器控制 UI，你只控制数据格式；所有“看起来像”的格式化，都得靠 JS 在取值后做，而且要处理构造 Date 对象的兼容陷阱。
