인터랙티브 커뮤니케이션 편집기의 날짜 필드 오브젝트

NOTE
대화형 통신 기능은 얼리어답터 프로그램에서 사용할 수 있습니다. 액세스 권한을 요청하려면 회사 이메일 주소를 통해 aem-forms-ea@adobe.com으로 이메일을 보내시기 바랍니다.
IMPORTANT
변경될 수 있는 설명서: 이 프롬프트 라이브러리는 현재 제품과의 일치 여부를 테스트 중이며 업데이트 및 개정이 이루어질 수 있습니다. 얼리 어답터 프로그램이 진행되는 동안 Forms Experience Builder가 계속 발전함에 따라 프롬프트. 예시 및 모범 사례가 변경될 수 있습니다.

​1. 소개

IC(대화형 통신) 편집기의 날짜 필드 구성 요소를 사용하면 작성자가 달력 기반 날짜 선택 필드를 문서에 삽입할 수 있습니다. 이렇게 하면 사용자가 날짜 선택기에서 날짜를 쉽게 선택하거나 사전 정의된 형식으로 날짜를 수동으로 입력할 수 있습니다.

생년월일, 약속 일정, 지원 날짜 또는 정책 시작/종료 날짜를 캡처하는 데 이상적인 날짜 필드는 정확도를 높이고 입력 오류를 줄입니다. 형식 지정, 스타일 지정 및 데이터 바인딩을 지원하여 데이터 모델 및 백엔드 시스템과의 원활한 통합을 지원합니다.

IC 문서 찾기

​2. 속성

Date Field 객체에는 몇 가지 구성 가능한 속성이 포함됩니다.

2.1. 기본 필드

  • 이름: 규칙, 스크립트 및 데이터 모델 내의 필드를 참조하는 데 사용되는 고유 식별자입니다.

  • 캡션: 사용자에게 표시되는 표시 레이블(예: "생일").

  • 날짜: 기본적으로 비어 있거나 동적 데이터를 사용하여 미리 채워질 수 있는 실제 날짜 값입니다.

  • 예약: 선택적 대체 날짜(선택한 날짜가 없거나 데이터를 사용할 수 없는 경우 표시됨)입니다.

  • 모양: 시각적 일관성을 위해 빠른 스타일 사전 설정(예: 밑줄, 가로, 테두리)입니다.

2.2. 타이포그래피

필드 내에 날짜가 시각적으로 표시되는 방식을 제어합니다.

  • 글꼴 변형: 글꼴 모음, 두께(예: Regular, Bold) 및 스타일(예: Italic)을 선택합니다.

  • 크기: ​은(는) 기본적으로 10pt로 설정되지만 주변 콘텐츠와의 일관성을 위해 사용자 지정할 수 있습니다.

2.3. 위치

문서 레이아웃 내의 공간 배치를 정의합니다.

  • X 및 Y 좌표: 수평 및 수직 배치를 결정합니다.

  • 너비 및 높이: 다른 양식 요소와 맞추기 위해 밀리미터 또는 백분율로 설정합니다.

2.4. 이익

필드 경계 주변의 간격을 지정합니다.

  • 상단(위)

  • 아래쪽(아래쪽)

  • 왼쪽

  • 오른쪽

이러한 값은 하위 양식이나 레이아웃 격자 내에서 정확하게 정렬하는 데 도움이 됩니다.

2.5. 모양

필드 컨테이너의 시각적 스타일을 정의합니다.

  • 채우기: 필드의 배경색(예: 흰색, 밝은 회색).

  • 획: 테두리 색상 또는 윤곽선

  • 필드 테두리의 너비: 두께입니다.

  • 스타일: 단색, 파선 또는 점선 옵션.

  • 가장자리: 다양한 디자인 환경 설정을 위해 모서리를 둥글게 또는 선명하게 사용자 지정합니다.

2.6. 유무

필드가 표시되는 방법 및 시기를 결정합니다.

  • 표시: 런타임 시 필드가 표시되는 기본 설정입니다.

  • 숨김(공간 유지): 필드는 표시되지 않지만 레이아웃 공간은 유지됩니다.

이 기능은 사용자 입력 또는 규칙에 따라 동적으로 가시성을 전환할 때 유용합니다.

2.7. 데이터 바인딩

값을 저장하거나 미리 채우기 위해 데이터 구조에 날짜 필드를 연결합니다.

데이터 바인딩 형식:

  • 이름 사용: 이름 특성을 사용하여 필드를 스키마에 바인딩합니다.

  • 전역 데이터 사용: 미리 정의된 데이터 모델 또는 스키마 요소를 사용하여 바인딩합니다.

  • 데이터 바인딩 없음: 필드는 데이터 원본에 연결되어 있지 않고 정적인 상태로 유지됩니다.

이렇게 하면 애플리케이션 논리를 기반으로 동적 날짜 값을 가져오거나, 표시하거나, 저장할 수 있습니다.

​3. 사용

날짜 필드는 다음 시나리오에서 특히 유용합니다.

  • 온보딩 양식에서 생년월일 또는 가입일 캡처

  • 서비스, 구독 또는 이벤트에 대한 시작 및 종료 날짜를 선택합니다.

  • 지원 기한, 약속 슬롯 또는 확인 날짜 입력.

작성자는 레이아웃 컨테이너 또는 하위 양식 내에 날짜 필드를 배치하고 데이터 품질을 개선하기 위해 유효성 검사(예: 날짜 형식, 범위 제한)를 구성할 수 있습니다.

​4. 우수 사례

  • 더 나은 UX를 위해 "시작 날짜" 또는 "약속 날짜 선택"과 같은 명확한 캡션을 사용합니다.

  • 잘못된 입력(예: 향후 DOB)을 방지하려면 최소 및 최대 날짜 범위를 설정하십시오.

  • 가독성을 위해 일관된 글꼴 스타일 적용(10pt 권장).

  • 백엔드 데이터 통합이 필요한 경우 필드를 스키마에 바인딩합니다.

  • 표시 규칙을 사용하여 관련성이 없는 날짜 필드를 동적으로 숨깁니다.

대화형 통신 편집기의 날짜 필드 개체는 시간에 민감한 데이터를 정확하고 쉽게 캡처할 수 있는 강력한 도구입니다. 스타일을 신중하게 지정하고 의미 있는 데이터 경로에 연결하면 원활한 사용자 경험과 시간 기반 항목의 효율적인 처리를 지원합니다.

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