互動式通訊編輯器中的日期欄位物件
aem-forms-ea@adobe.com 請求存取權限。1. 簡介
互動式通訊(IC)編輯器中的 日期欄位 元件可讓作者將行事曆型日期選取欄位插入檔案中。 這可讓使用者輕鬆從日期選擇器挑選日期,或以預先定義的格式手動輸入。
「日期欄位」非常適用於擷取出生日期、約會排程、應用模組日期或原則開始/結束日期,可提升準確性並減少輸入錯誤。 它支援格式、樣式和資料繫結,以便與資料模型和後端系統無縫整合。
2.屬性
Date Field物件包含數個可設定的屬性:
2.1.基本欄位
-
名稱: 用來參照規則、指令碼和資料模型內欄位的唯一識別碼。
-
標題: 顯示給使用者的標籤(例如「出生日期」)。
-
日期: 實際日期值,預設為空白或使用動態資料預先填入。
-
保留: 選用的遞補日期(如果未選取日期或資料無法使用,則會顯示)。
-
外觀: 視覺一致性的快速樣式預設集(例如,加底線、平坦、框線)。
2.2.印刷樣式
控制日期在欄位中視覺化的顯示方式:
-
字型變化: 選擇字型系列、粗細(例如,一般、粗體)和樣式(例如,斜體)。
-
大小: 預設通常會設為10 pt,但是可自訂以便與周圍的內容保持一致。
2.3.位置
定義檔案配置圖中的空間位置:
-
X和Y座標: 決定水平與垂直位置。
-
寬度和高度: 設定為公厘或百分比,以與其他表單元素對齊。
2.4.利潤
指定欄位邊界的間距:
-
上(上)
-
下(下)
-
左
-
右
這些值有助於在子表單或版面格點內精確對齊。
2.5.外觀
定義欄位容器的視覺樣式:
-
填滿: 欄位的背景顏色(例如,白色、淺灰色)。
-
筆畫: 邊框顏色或外框。
-
寬度: 欄位邊框粗細。
-
樣式: 實線、虛線或虛線選項。
-
邊緣: 根據不同的設計偏好將轉角自訂為圓角或尖角。
2.6.是否存在
決定欄位出現的方式和時間:
-
可見: 在執行階段顯示欄位的預設設定。
-
隱藏(保留空間): 欄位保持隱藏,但配置空間會保留。
根據使用者輸入或規則動態切換可見性時,這會很有幫助。
2.7.資料繫結
將日期欄位連線到資料結構以儲存或預先填寫值。
資料繫結型別:
-
使用名稱: 使用欄位的名稱屬性將欄位繫結到結構描述。
-
使用全域資料: 使用預先定義的資料模型或結構描述元素的繫結。
-
沒有資料繫結: 欄位保持靜態,未連線到任何資料來源。
這可讓您根據應用程式邏輯來擷取、顯示或儲存動態日期值。
3.使用狀況
「日期欄位」在下列情況中特別有用:
-
在入門表單中擷取出生日期或加入日期。
-
選取服務、訂閱或事件的開始和結束日期。
-
輸入應用程式截止日期、約會位置或驗證日期。
作者可以將日期欄位放在版面容器或子表單內,並設定驗證(例如日期格式、範圍限制)以改善資料品質。
4.最佳作法
-
使用「開始日期」或「選取約會日期」等清晰的標題,以獲得更好的UX。
-
設定最小和最大日期範圍以防止無效的輸入(例如,未來的DOB)。
-
套用一致的字型樣式(建議使用10 pt)以提高可讀性。
-
需要後端資料整合的地方都可將欄位繫結到結構描述。
-
使用可見性規則動態隱藏不相關的日期欄位。
互動式通訊編輯器中的 日期欄位 物件是功能強大的工具,可精確且輕鬆地擷取時效性資料。 經過精心設計且連結至有意義的資料路徑時,可支援順暢的使用者體驗,並有效處理以時間為基礎的專案。