日期时间组件:格式、每秒更新与终端时间
日期时间组件用于在大屏显示当前时间。它读取运行页面的浏览器时间,并定期更新显示,不需要接入销售或设备数据源。
选择显示格式
加入「日期/时间」组件,在属性中选择格式,例如:
| 格式 | 显示含义 |
|---|---|
| YYYY-MM-DD HH:mm:ss | 完整日期和时间 |
| YYYY-MM-DD | 日期 |
| HH:mm:ss | 时分秒 |
| YYYY年MM月DD日 HH:mm:ss | 中文年月日与时间 |
设置字体、颜色和对齐后,调整容器宽度,让不同日期的文字仍能完整显示。
区分三个时间
页面时钟表示展示终端当前时间;数据源更新时间表示取数结果的时间;设备采集时间由设备或接口提供。三者不能互相替代。
例如页面时钟不断跳动,只能说明时间组件仍在更新,不能证明 MQTT 一直收到新消息,也不能证明 SQL 刚刚成功刷新。
时间不准确时
先检查电视、电脑或其他展示终端的系统时间与时区,再检查浏览器运行环境。修改服务器时钟,未必会改变读取本地时间的浏览器显示。
场景建议
将时钟放在标题区,字号不要抢过关键指标。若需要同时展示最近采集时间,应另用业务数据字段或文本说明,不要把普通时钟改名为「数据更新时间」。