火次果
火次果

暂无菜单项

首页/文章/技术文章/web前端/HTML5/
打开 MD 链接

date、time、datetime-local 三类输入对照

发布于 1天前
9

🗓️ 原生日期时间输入有三个类型,格式与语义各不相同,用错会提交异常值。

类型 格式 时区 典型用途
date YYYY-MM-DD 无 生日、截止日
time HH:mm 无 每日时段
datetime-local YYYY-MM-DDTHH:mm 无 本地事件时刻
日期时间时钟示意
三类时间输入,格式各不同

三者均不带时区,提交的是本地字符串。⚠️ 涉及跨时区业务,需 JS 自行转换并附时区信息,不能依赖控件。

兼容性问题:老版本浏览器不支持原生控件,退化成普通文本框。兜底方案是 type="text" 加 pattern 约束输入,保住表单可用性。其余场景,移动端原生控件体验最佳。

常见问题(FAQ)

三者带时区吗
都不带。提交的是本地时间字符串,跨时区需自行处理。
datetime-local 格式
YYYY-MM-DDTHH:mm,中间的 T 是日期与时间的分隔符。
老浏览器不支持怎么办
降级为 type=text 加 pattern 约束,保留表单可用性与基本校验。
能限制可选范围吗
用 min、max 属性约束起止范围,控件会做边界校验。
提交值要处理吗
跨时区业务需转 UTC 并带时区标记,控件本身不负责时区。
date 输入datetime-localtime 输入原生日期控件时区处理
支持作者
如果这篇内容对你有帮助,可以请作者喝杯咖啡
0 点赞
0 收藏
分享
0 讨论
反馈
0 / 600
细中粗
0 讨论
热门最新
总结
暂无总结
嗨,下午好!
所有的成功,都源自一个勇敢的开始
创作
社区
购物
会员
近期热门

暂无数据

火次果
火次果
首页
资迅中心
小店
AI导航
社区
所有的成功,都源自一个勇敢的开始
不辜负每一个勇敢的开始
关于FAQ协议
火次果 © 2026鲁ICP备2025164830号-1