交互式通信编辑器中的日期/时间字段组件
aem-forms-ea@adobe.com
,以申请访问权限。1. 简介
交互式通信(IC)编辑器中的 日期/时间字段 组件使作者能够插入用户可以在其中选择或输入日期和/或时间值的字段。 此组件通常用于捕获出生日期、约会计划、预订槽或文档问题/到期日期等信息。
字段支持各种格式选项(例如DD/MM/YYYY、24小时或12小时格式)、验证约束以及符合通信设计的外观自定义。 它通过减少手动输入错误并提高数据收集的一致性来增强用户体验。
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并减少输入错误。
-
需要时应用格式限制(例如,仅未来日期)。
-
为辅助功能或打印回退提供保留值。
-
使排版方式和外观与总体外形设计保持一致。
-
将字段绑定到有效的架构路径以确保正确的数据捕获和处理。
交互式通信编辑器中的日期/时间字段组件是一个功能强大且用户友好的组件,可简化基于时间的输入。 通过正确配置样式、数据处理和布局控件,它可为用户和后端系统提供干净、可靠和直观的表单体验。