# 字段显示格式

在制作表单时,为了提升用户体验和数据可读性,通常需要为字段设置显示格式。常见的字段类型包括金额、数字、日期和时间等。本文档将详细介绍如何为这些字段设置显示格式,并说明日期格式与时区的关系。

# 1. 金额字段的显示格式

在采购申请等表单中,金额字段通常需要显示千分位、小数位数和货币符号,以便用户更直观地阅读数据。

# 1.1 设置方法

  1. 选中金额字段(如“总金额”)。
  2. 在组件属性中,勾选以下选项:
    • 千分位:显示千分位分隔符(如 10,000)。
    • 小数位数:设置小数点后的位数(如 10,000.00)。
    • 货币符号:在金额前添加货币符号(如 ¥10,000.00)。
  3. 保存并运行表单。

Image ▲ 金额字段的显示格式设置

# 1.2 示例

  • 输入金额:10000
  • 显示结果:¥10,000.00

# 1.3 注意事项

  • 输入时:当用户点击金额字段进行输入时,显示格式会自动去除,以方便用户输入。
  • 失去焦点时:当用户完成输入并移开焦点时,金额会重新应用显示格式。

# 2. 数字字段的显示格式

对于数值字段(如数量、百分比等),通常需要设置千分位和小数位数,以提高数据的可读性。

# 2.1 设置方法

  1. 选中数字字段。
  2. 在组件属性中,勾选以下选项:
    • 千分位:显示千分位分隔符。
    • 小数位数:设置小数点后的位数。
  3. 保存并运行表单。

Image ▲ 数字字段的显示格式设置

# 2.2 示例

  • 输入数值:1234567
  • 显示结果:1,234,567.00

# 3. 日期和时间字段的显示格式

在某些场景中,日期和时间需要精确到小时或分钟(如装船时间)。此外,跨时区组织还需要考虑时区转换问题。

# 3.1 设置方法

  1. 拖出一个日期组件,并命名为“装船时间”。
  2. 在组件属性中,选择日期格式:
    • 精确到天年-月-日(默认格式,不带时区)。
    • 精确到小时年-月-日 时:分(支持时区转换)。
  3. 保存并运行表单。

Image ▲ 日期和时间字段的显示格式

# 3.2 示例

  • 输入日期和时间:2025年2月18日 9:00
  • 显示结果:
    • 中国用户:2025-02-18 09:00
    • 日本用户(自动转换时区):2025-02-18 10:00

# 3.3 注意事项

  • 精确到天的日期格式:不带时区,全球用户看到的日期一致。
  • 精确到小时的日期格式:支持时区自动转换,适用于跨时区组织。

# 4. 总结

  • 金额字段:设置千分位、小数位数和货币符号,提升数据可读性。
  • 数字字段:设置千分位和小数位数,优化显示效果。
  • 日期字段:根据需求选择精确到天或小时的格式,并注意时区转换问题。

通过合理设置字段显示格式,可以显著提升表单的用户体验和数据可读性。