互動式通訊編輯器中的日期欄位物件

NOTE
互動式通訊功能在早期採用者程式中提供。 使用您的工作郵件地址寄送電子郵件至 aem-forms-ea@adobe.com 請求存取權限。
IMPORTANT
文件內容可能隨時變更:此提示庫目前正在針對產品進行測試,可能會進行更新和修訂。隨著表單體驗建立工具在早期採用者方案期間持續發展,相關的提示、範例和最佳做法可能會有所變更。

​1. 簡介

互動式通訊(IC)編輯器中的​ 日期欄位 ​元件可讓作者將行事曆型日期選取欄位插入檔案中。 這可讓使用者輕鬆從日期選擇器挑選日期,或以預先定義的格式手動輸入。

「日期欄位」非常適用於擷取出生日期、約會排程、應用模組日期或原則開始/結束日期,可提升準確性並減少輸入錯誤。 它支援格式、樣式和資料繫結,以便與資料模型和後端系統無縫整合。

尋找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)以提高可讀性。

  • 需要後端資料整合的地方都可將欄位繫結到結構描述。

  • 使用可見性規則動態隱藏不相關的日期欄位。

互動式通訊編輯器中的​ 日期欄位 ​物件是功能強大的工具,可精確且輕鬆地擷取時效性資料。 經過精心設計且連結至有意義的資料路徑時,可支援順暢的使用者體驗,並有效處理以時間為基礎的專案。

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