实时时间
更新时间:2026.06.16 12:01
效果与作用
实时时间组件用于在页面中显示当前日期、时间或星期信息,常放在门户首页、大屏看板、值班页面和调度页面的顶部区域。组件会按页面运行时的当前时间持续刷新,让用户进入页面后可以直接确认当前时间节点。
该组件不依赖表单数据,也不需要配置数据源。它主要用于增强页面的时间感和现场感,尤其适合需要值班、排班、监控或实时展示的页面。
配置项
实时时间可以配置时间格式、组件背景和字体颜色。时间格式支持仅日期、日期加时间、日期加时间加星期、仅星期、仅时间、时间加星期等多种展示方式,也支持横线日期、斜线日期和中文年月日等不同格式。选择格式时,应结合页面空间和用户阅读习惯,例如大屏顶部适合完整时间,紧凑区域适合只显示时间或星期。
组件背景支持颜色和图片。选择颜色时,可以设置背景色;选择图片时,可以上传背景图片,同时保留背景颜色作为兜底背景。字体颜色用于控制时间文字颜色,应与背景保持足够对比度。
应用场景
实时时间适合用于数据驾驶舱、监控大屏、客服工作台、排班页面、门店看板、项目指挥屏等场景。它可以作为页面头部的一部分,与页面标题、快捷入口、统计图表一起组成首页信息区。
注意事项
实时时间展示的是页面运行环境中的当前时间,用户设备或浏览器环境异常时,显示结果也可能受到影响。该组件只负责展示时间,不会触发表单数据刷新,也不会作为筛选条件使用;如果需要按时间筛选图表或明细,应使用筛选组件或配置组件自身的过滤条件。
背景图片不宜过于复杂,否则会影响时间文字识别。放在大屏场景时,建议提前确认字体颜色、组件尺寸和实际显示设备的效果。