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

NOTE
交互式通信功能在早期采用者计划下提供。 请从您的工作地址发送电子邮件至 aem-forms-ea@adobe.com,以申请访问权限。
IMPORTANT
文档可能会发生变化:此提示词库目前正在针对产品进行测试,因此可能会进行更新和修订。随着 Forms Experience Builder 在早期采用者计划期间不断改进,提示词、示例和最佳实践可能会发生变化。

​1. 简介

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

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

查找IC文档

2.财产

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

2.1.基本领域

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

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

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

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

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

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

2.2.排版规则

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

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

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

2.3.职位

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

  • 设置:

    • X和Y坐标

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

2.4.利润

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

  • 上(上)

  • 下(下)

2.5.出庭

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

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

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

  • 宽度: ​边框粗细。

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

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

2.6.出席

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

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

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

2.7.数据绑定

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

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

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

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

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

3.使用情况

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

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

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

  • 选择投放或取车插槽

  • 记录交易时间戳

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

4.最佳做法

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

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

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

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

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

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

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

recommendation-more-help
fbcff2a9-b6fe-4574-b04a-21e75df764ab