[AEM Forms]{class="badge positive" title="AEM Forms에 적용됩니다)."}
인터랙티브 커뮤니케이션 편집기의 날짜 필드 오브젝트
1. 소개
IC(대화형 통신) 편집기의 날짜 필드 구성 요소를 사용하면 작성자가 달력 기반 날짜 선택 필드를 문서에 삽입할 수 있습니다. 이렇게 하면 사용자가 날짜 선택기에서 날짜를 쉽게 선택하거나 사전 정의된 형식으로 날짜를 수동으로 입력할 수 있습니다.
생년월일, 약속 일정, 지원 날짜 또는 정책 시작/종료 날짜를 캡처하는 데 이상적인 날짜 필드는 정확도를 높이고 입력 오류를 줄입니다. 형식 지정, 스타일 지정 및 데이터 바인딩을 지원하여 데이터 모델 및 백엔드 시스템과의 원활한 통합을 지원합니다.
2. 표시 패턴
속성 패널에서 날짜 필드에 표시 패턴을(를) 할당할 수 있습니다(예: 2007년 4월 1일 또는 01/04/2007).
구성된 패턴은 캔버스 미리 보기에 즉시 반영되며 저장 및 다시 로드 주기 동안 유지됩니다. 고급 사용 사례의 경우 사용자 지정 XFA picture 절을(를) 정의하여 원하는 출력 형식을 달성할 수 있습니다.
표시 패턴 구성
- 디자인 캔버스에서 날짜 필드 구성 요소를 선택합니다.
- 속성 패널을 엽니다.
- 표시 패턴 섹션에서 미리 정의된 패턴을 선택하거나 사용자 지정 그림 절을 입력하십시오.
- 캔버스에서 서식이 지정된 값을 미리 봅니다.
사용자 정의 패턴 예(날짜)
date{DD/MM/YYYY}일반 날짜 토큰:
2007-04-01). 이 형식을 따르지 않는 값은 패턴 형식을 적용하지 않고 있는 그대로 표시됩니다.3. 속성
Date Field 객체에는 몇 가지 구성 가능한 속성이 포함됩니다.
2.1. 기본 필드
-
이름: 규칙, 스크립트 및 데이터 모델 내의 필드를 참조하는 데 사용되는 고유 식별자입니다.
-
캡션: 사용자에게 표시되는 표시 레이블(예: “생일”).
-
날짜: 기본적으로 비어 있거나 동적 데이터를 사용하여 미리 채워질 수 있는 실제 날짜 값입니다.
-
예약: 선택적 대체 날짜(선택한 날짜가 없거나 데이터를 사용할 수 없는 경우 표시됨)입니다.
-
모양: 시각적 일관성을 위해 빠른 스타일 사전 설정(예: 밑줄, 가로, 테두리)입니다.
2.2. 타이포그라피
필드 내에 날짜가 시각적으로 표시되는 방식을 제어합니다.
-
글꼴 변형: 글꼴 모음, 두께(예: Regular, Bold) 및 스타일(예: Italic)을 선택합니다.
-
크기:은(는) 기본적으로 10pt로 설정되지만 주변 콘텐츠와의 일관성을 위해 사용자 지정할 수 있습니다.
2.3. 위치
문서 레이아웃 내의 공간 배치를 정의합니다.
-
X 및 Y 좌표: 수평 및 수직 배치를 결정합니다.
-
너비 및 높이: 다른 양식 요소와 맞추기 위해 밀리미터 또는 백분율로 설정합니다.
2.4. 여백
필드 경계 주변의 간격을 지정합니다.
-
상단(위)
-
아래쪽(아래쪽)
-
왼쪽
-
오른쪽
이러한 값은 하위 양식이나 레이아웃 격자 내에서 정확하게 정렬하는 데 도움이 됩니다.
2.5. 모양
필드 컨테이너의 시각적 스타일을 정의합니다.
-
채우기: 필드의 배경색(예: 흰색, 밝은 회색).
-
획: 테두리 색상 또는 윤곽선
-
필드 테두리의 너비: 두께입니다.
-
스타일: 단색, 파선 또는 점선 옵션.
-
가장자리: 다양한 디자인 환경 설정을 위해 모서리를 둥글게 또는 선명하게 사용자 지정합니다.
2.6. 현재 상태
필드가 표시되는 방법 및 시기를 결정합니다.
-
표시: 런타임 시 필드가 표시되는 기본 설정입니다.
-
숨김(공간 유지): 필드는 표시되지 않지만 레이아웃 공간은 유지됩니다.
이 기능은 사용자 입력 또는 규칙에 따라 동적으로 가시성을 전환할 때 유용합니다.
2.7. 데이터 바인딩
값을 저장하거나 미리 채우기 위해 데이터 구조에 날짜 필드를 연결합니다.
데이터 바인딩 형식:
-
이름 사용: 이름 특성을 사용하여 필드를 스키마에 바인딩합니다.
-
전역 데이터 사용: 미리 정의된 데이터 모델 또는 스키마 요소를 사용하여 바인딩합니다.
-
데이터 바인딩 없음: 필드는 데이터 원본에 연결되어 있지 않고 정적인 상태로 유지됩니다.
이렇게 하면 애플리케이션 논리를 기반으로 동적 날짜 값을 가져오거나, 표시하거나, 저장할 수 있습니다.
4. 사용량
날짜 필드는 다음 시나리오에서 특히 유용합니다.
-
온보딩 양식에서 생년월일 또는 가입일 캡처
-
서비스, 구독 또는 이벤트에 대한 시작 및 종료 날짜를 선택합니다.
-
지원 기한, 약속 슬롯 또는 확인 날짜 입력.
작성자는 레이아웃 컨테이너 또는 하위 양식 내에 날짜 필드를 배치하고 데이터 품질을 개선하기 위해 유효성 검사(예: 날짜 형식, 범위 제한)를 구성할 수 있습니다.
5. 모범 사례
-
더 나은 UX를 위해 “시작 날짜” 또는 "약속 날짜 선택"과 같은 명확한 캡션을 사용합니다.
-
잘못된 입력(예: 향후 DOB)을 방지하려면 최소 및 최대 날짜 범위를 설정하십시오.
-
가독성을 위해 일관된 글꼴 스타일 적용(10pt 권장).
-
백엔드 데이터 통합이 필요한 경우 필드를 스키마에 바인딩합니다.
-
표시 규칙을 사용하여 관련성이 없는 날짜 필드를 동적으로 숨깁니다.
대화형 통신 편집기의 날짜 필드 개체는 시간에 민감한 데이터를 정확하고 쉽게 캡처할 수 있는 강력한 도구입니다. 스타일을 신중하게 지정하고 의미 있는 데이터 경로에 연결하면 원활한 사용자 경험과 시간 기반 항목의 효율적인 처리를 지원합니다.