[AEM Forms]{class="badge positive" title="适用于AEM Forms)。"}

交互式通信编辑器中的日期/时间字段组件

​1. 简介

交互式通信(IC)编辑器中的​ 日期/时间字段 ​组件使作者能够插入用户可以在其中选择或输入日期和/或时间值的字段。 此组件通常用于捕获出生日期、约会计划、预订槽或文档问题/到期日期等信息。

字段支持各种格式选项(例如DD/MM/YYYY、24小时或12小时格式)、验证约束以及符合通信设计的外观自定义。 它通过减少手动输入错误并提高数据收集的一致性来增强用户体验。

查找IC文档

​2. 显示模式

您可以从​ 属性 ​面板将​ 显示模式 ​分配给日期/时间字段 — 例如:04/01/2007 2:30 PM

配置的模式将立即反映在画布预览中,并在保存和重新加载周期内保留。 对于高级用例,您可以定义​ 自定义XFA picture子句 ​以实现任何所需的输出格式。

配置显示模式

  1. 在设计画布上选择日期/时间字段组件。
  2. 打开​ 属性 ​面板。
  3. 在​ 显示模式 ​部分中,选择预定义的模式或输入自定义图片子句。
  4. 在画布上预览格式化值。

自定义模式示例(日期/时间)

图案
示例输出
描述
date{MM/DD/YYYY} time{HH:MM}
04/01/2007 14:30
合并日期和时间

常用时间令牌:

令牌
含义
HH
24小时
h
12小时
毫米
分钟
A
上午/下午
NOTE
基础日期/时间值必须符合​ YYYY-MM-DDTHH:MM ​格式的​ISO 8601(例如2007-04-01T14:30)。 不遵循此格式的值按原样显示,而不应用模式格式。

​3. 属性

日期/时间字段组件包括几个可配置的属性:

2.1. 基本字段

  • 名称:​字段的唯一标识符。 用于在规则、表达式和数据绑定中引用。

  • 题注:​字段旁边显示的标签指示其用途(例如,“出生日期”)。

  • 日期:​允许用户选择或输入日历日期。

  • 时间:​如果进行了配置,则允许输入或选择特定时间值。

  • 保留:​未提供输入时显示的回退值,对于只读或打印方案很有用。

  • 外观:​选择视觉样式(如下划线、边框或平整)以便一致的UI呈现。

2.2. 排版规则

控制日期/时间字段内文本的样式:

  • 字体变量:​选项包括常规、粗体、斜体,具体取决于主题要求。

  • 字体大小:​默认设置为10 pt以保持与表单布局一致。

2.3. 位置

  • 描述:​定义日期/时间字段在表单布局中的位置。

  • 设置:

    • X和Y坐标

    • 高度和宽度(以mm或像素为单位),用于精确调整字段大小。

2.4. 边距

定义字段周围的间距以实现干净的对齐和布局灵活性:

  • 上(上)

  • 下(下)

2.5. 外观

定义容器的样式以保持视觉一致性和清晰度:

  • 填充:​字段的背景颜色。

  • 描边:​字段周围的边框颜色。

  • 宽度:​边框粗细。

  • 样式:​边框类型,如实线、虚线或无。

  • 边缘:​根据表单主题选择锐角或圆角。

2.6. 存在

确定字段在运行时的工作方式:

  • 可见:​该字段对用户显示并占用布局空间。

  • 隐藏(保留空间):​该字段不可见,但在布局中仍为其保留空间。

2.7. 数据绑定

将字段链接到数据源以存储或检索值。

  • 数据绑定类型:​指定字段如何连接到数据。

  • 使用名称:​使用架构中定义的字段名称绑定该字段。

  • 使用全局数据:​将字段连接到通信中共享的全局级别数据。

  • 无数据绑定:​字段未连接到任何后端数据(仅用于可视或计算值)。

​4. 用途

日期/时间字段是需要一致临时数据的方案的理想选择。 常见的用例包括:

  • 捕获出生日期、约会日期或事件时间

  • 记录文档问题/到期日期

  • 选择投放或取车插槽

  • 记录交易时间戳

作者可以将字段与布局容器、验证或条件规则组合在一起,以控制格式、必填字段和上下文相关可见性。

​5. 最佳做法

  • 使用诸如“Select a date”(选择日期)或“Appointment Time”(日程安排时间)之类的清晰标题来指导用户。

  • 启用日期/时间选取器以改善UX并减少输入错误。

  • 需要时应用格式限制(例如,仅未来日期)。

  • 为辅助功能或打印回退提供保留值。

  • 使排版方式和外观与总体外形设计保持一致。

  • 将字段绑定到有效的架构路径以确保正确的数据捕获和处理。

交互式通信编辑器中的日期/时间字段组件是一个功能强大且用户友好的组件,可简化基于时间的输入。 通过正确配置样式、数据处理和布局控件,它可为用户和后端系统提供干净、可靠和直观的表单体验。

另请参阅

recommendation-more-help
experience-manager-cloud-service-help-main-toc