HTML5原生date输入框仅支持YYYY-MM-DD格式，无法动态改变显示格式；需用text输入框+JS解析/格式化，并始终以ISO格式同步隐藏date控件或表单数据。
HTML5 <input type="date"> 无法真正“动态改变格式”
浏览器原生的 <input type="date"> 固定使用 YYYY-MM-DD 格式提交和解析，value 始终是这个格式字符串。所谓“显示格式切换”，只是视觉层面的欺骗——你看到的日期样式（如 DD/MM/YYYY）由浏览器 UI 决定，不可控，也不可编程修改。
想显示 DD/MM/YYYY 或 MM/DD/YYYY？必须用 JavaScript 拦截 + 自定义输入框
原生 date 输入框不支持 pattern、placeholder 日期格式提示，也无法绑定本地化显示。可行路径只有一条：隐藏原生控件，用 <input type="text"> + JS 格式化 + 手动同步 value。
- 监听
input事件，用正则匹配用户输入（如/^(\d{1,2})[/-](\d{1,2})[/-](\d{4})$/），校验后转成标准YYYY-MM-DD存入隐藏的<input type="date">或表单数据对象 - 用
Intl.DateTimeFormat或手动拼接，在文本框中显示目标格式（例如new Intl.DateTimeFormat('en-GB').format(date)输出05/07/2024） - 注意时区陷阱：
new Date('2024-07-05')在某些时区可能变成2024-07-04；建议用new Date(Date.UTC(year, month - 1, day))构造无时区偏移的日期
toLocaleDateString() 能否直接格式化 value？能，但仅限显示，不能用于回填
<input type="date"> 的 value 属性永远只接受 YYYY-MM-DD。你可以读取它再用 .toLocaleDateString('fr-FR') 显示为 05/07/2024，但反过来——把 05/07/2024 直接赋给 value——会失败或清空。
- 错误写法：
input.value = '05/07/2024'→ 输入框变为空或显示Invalid Date - 正确写法：
input.value = '2024-07-05'（必须 ISO 格式） - 若需兼容用户粘贴不同格式，必须在
change或blur时 parse：用Date.parse()不可靠，推荐dayjs('05/07/2024', 'DD/MM/YYYY').format('YYYY-MM-DD')或手写解析函数
移动端 iOS / Android 的兼容性现实
iOS Safari 对 input[type=date] 的 UI 支持较好，但完全忽略 lang 属性，始终显示为美式（MM/DD/YYYY）或系统语言默认格式，无法强制切换。Android 各厂商键盘弹出的日期选择器样式也不统一。
立即学习“前端免费学习笔记（深入）”；
- 不要依赖
lang="zh-CN"让 Chrome 显示中文格式——它只影响辅助技术，不影响输入框显示 - 如果项目要求严格格式一致（比如金融、政务），必须放弃原生 date 控件，改用成熟 UI 库（如 Flatpickr、Pikaday）或自研日历组件
- 注意：部分安卓 WebView（尤其旧版）甚至不触发
input[type=date]的change事件，需监听blur补充校验
实际要让日期“看起来可切换格式”，本质是绕过原生限制做一层薄薄的胶水逻辑——核心不是改 HTML5 语法，而是接管输入、解析、显示三步，并始终守住 YYYY-MM-DD 这个唯一可信的数据基线。任何试图直接操作 input.value 传非 ISO 字符串的做法，都会在某个浏览器里静默失败。
