🗓️ 原生日期时间输入有三个类型,格式与语义各不相同,用错会提交异常值。
| 类型 | 格式 | 时区 | 典型用途 |
|---|---|---|---|
date |
YYYY-MM-DD | 无 | 生日、截止日 |
time |
HH:mm | 无 | 每日时段 |
datetime-local |
YYYY-MM-DDTHH:mm | 无 | 本地事件时刻 |

三者均不带时区,提交的是本地字符串。⚠️ 涉及跨时区业务,需 JS 自行转换并附时区信息,不能依赖控件。
兼容性问题:老版本浏览器不支持原生控件,退化成普通文本框。兜底方案是 type="text" 加 pattern 约束输入,保住表单可用性。其余场景,移动端原生控件体验最佳。
