[AEM Forms]{class="badge positive" title="适用于AEM Forms)。"}
交互式通信编辑器中的日期/时间字段组件
1. 简介
交互式通信(IC)编辑器中的 日期/时间字段 组件使作者能够插入用户可以在其中选择或输入日期和/或时间值的字段。 此组件通常用于捕获出生日期、约会计划、预订槽或文档问题/到期日期等信息。
字段支持各种格式选项(例如DD/MM/YYYY、24小时或12小时格式)、验证约束以及符合通信设计的外观自定义。 它通过减少手动输入错误并提高数据收集的一致性来增强用户体验。
2. 显示模式
您可以从 属性 面板将 显示模式 分配给日期/时间字段 — 例如:04/01/2007 2:30 PM。
配置的模式将立即反映在画布预览中,并在保存和重新加载周期内保留。 对于高级用例,您可以定义 自定义XFA picture子句 以实现任何所需的输出格式。
配置显示模式
- 在设计画布上选择日期/时间字段组件。
- 打开 属性 面板。
- 在 显示模式 部分中,选择预定义的模式或输入自定义图片子句。
- 在画布上预览格式化值。
自定义模式示例(日期/时间)
date{MM/DD/YYYY} time{HH:MM}常用时间令牌:
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并减少输入错误。
-
需要时应用格式限制(例如,仅未来日期)。
-
为辅助功能或打印回退提供保留值。
-
使排版方式和外观与总体外形设计保持一致。
-
将字段绑定到有效的架构路径以确保正确的数据捕获和处理。
交互式通信编辑器中的日期/时间字段组件是一个功能强大且用户友好的组件,可简化基于时间的输入。 通过正确配置样式、数据处理和布局控件,它可为用户和后端系统提供干净、可靠和直观的表单体验。