SuperAPI AI 工具集

date-time-patterns

办公与效率

查看项目

更新于 10-16 05:06

技能介绍

用途:为界面中的日期与时间输入、展示提供统一的设计模式参考,覆盖日期选择、时间选择、日期范围与相对时间四类场景。

主要能力:日期选择器方面,移动端建议使用原生选择器以获得更好的体验与键盘集成,桌面端使用自定义选择器以便控制;输入框按本地化格式显示所选日期,并允许在选择器之外手动输入文本;仅选未来日期时可禁用过去日期。时间选择器方面,可用 15 或 30 分钟间隔的下拉选项用于排期,也可用带校验的自由文本输入精确时间;按本地化决定 12 小时制或 24 小时制;相关时显示时区。日期范围方面,使用开始与结束两个输入,日历同时展示两个月份;先点开始日期再点结束日期,并高亮中间区间;提供预设范围:今天、最近 7 天、本月、自定义。相对时间显示方面,小于 1 分钟显示“刚刚”,1 至 59 分钟显示“5 分钟前”,1 至 24 小时显示“3 小时前”,1 至 7 天显示“2 天前”,超过 7 天则显示绝对日期(如 Jan 15, 2026)。

使用方式:按上述场景选择对应模式,移动端优先原生控件,桌面端按需自定义;范围选择配合预设快捷项;时间展示按时间跨度在相对与绝对格式间切换。

适用场景:表单、筛选器、排期与动态流时间戳等需要日期时间输入的界面。

限制:资料未提供具体实现代码、依赖库、平台兼容范围与性能数据,暂未提供。