Skip to Content

面向用户: 组态图纸配置人员 版本: v1.0

本文介绍 2D 组态图纸中时间字段的绑定与格式化配置流程。时间字段可通过两类组件展示:「Time」 组件(专用)与 「基本形状」(通用),差异在于基本形状需先新增 text 属性。

1 整体流程

图 1 时间字段配置流程

步骤操作目标对应章节
1根据组件类型选择配置方式2 时间格式说明
2使用 Time 组件直接绑定3 Time 组件配置
3使用基本形状(需新增属性)4 基本形状配置(以圆形为例)

2 时间格式说明

两类组件均支持以下两种格式方式:

格式方式使用场景示例
通用时间格式从预设列表中选择,适用于标准场景YYYY-MM-DD、HH:mm:ss
自定义时间格式手动输入格式字符串,支持实时预览YYYY-MM-DD HH:mm:ss

💡 自定义格式输入时,配置面板会实时预览渲染效果,便于快速校验。

3 Time 组件配置

「Time」 是专用的时间展示组件,无需新增属性即可直接绑定。

3.1 操作步骤

  1. 在组件列表中选择 「Time」 组件;
  2. 进入 「绑定数据源」,选择数据源中的时间字段;
  3. 选择时间格式(通用或自定义);
  4. 点击 「保存」,配置立即生效。

选择 Time 组件 图 2 在组件列表中选择 Time 组件

进入绑定数据源 图 3 进入绑定数据源配置

选择数据源字段 图 4 选择数据源中的时间字段

选择通用时间格式 图 5 从预设列表选择通用时间格式

输入自定义时间格式 图 6 输入自定义格式并实时预览

展示效果 图 7 保存后按所选格式展示时间值

4 基本形状配置(以圆形为例)

ℹ️ 以下以 「圆形」 为例,其他基本形状组件(矩形、多边形等)流程一致。

基本形状默认无时间字段,需通过 「添加数据」 方式接入时间数据。

4.1 字段说明

字段是否必填示例说明
「属性名」是text用于承载时间值
「类型」是时间区别于字符串/数字等
「时间格式」是YYYY-MM-DD HH:mm:ss通用或自定义

4.2 操作步骤

  1. 进入 「基本形状」,选择 「圆形」;
  2. 点击 「添加数据」,新增属性并按上表填写字段;
  3. 在 text 属性上点击 「绑定数据源」,选择对应的时间字段;
  4. 点击 「保存」,配置生效。

选择基本形状圆形 图 8 在基本形状中选择圆形组件

添加 text 属性 图 9 为圆形组件添加 text 属性

配置时间类型与格式 图 10 将属性类型设为时间并配置格式

格式实时预览 图 11 自定义格式实时预览

绑定数据源 图 12 在 text 属性上绑定数据源

选择时间字段 图 13 选择对应的时间字段

保存后生效 图 14 保存后圆形组件展示时间值

5 常见问题

现象可能原因处理建议
保存后组件仍显示原始时间戳未选择时间格式或格式字符串错误检查格式字符串,参考 2 时间格式说明
基本形状无法展示时间值未将属性类型设为 时间,或未绑定数据源按 4.2 操作步骤 依次检查
自定义格式预览无效果输入格式字符串含非法字符参照 YYYY-MM-DD HH:mm:ss 模板调整
01 设备类创建（单设备推送）