본문으로 건너뛰기

날짜 필드

단일 날짜와 시각을 보여주고 선택할 수 있습니다.

프로퍼티​

프로퍼티타입설명
이름 (name)string날짜 필드 컴포넌트의 고유 이름
레이블 (label)string날짜 필드 좌측에 표기되는 텍스트
날짜 (defaultValue)stringISO 8601으로 포맷된 날짜 기본값 템플릿
자세한 시각 (type)'date' | 'dateTime'자세한 시각 표시 활성화 여부
컴포넌트 비활성화 (isDisabled)boolean날짜 필드 비활성화 여부
컴포넌트 숨김 (isHidden)boolean배포된 페이지에서 날짜 필드 숨김 여부
레이블 길이 (labelWidth)string날짜 필드에서 좌측 레이블이 차지하는 길이

이름 (name)​

날짜 필드 컴포넌트의 고유 이름을 입력할 수 있는 프로퍼티입니다. 이름 규칙을 참고해주세요.

레이블 (label)​

날짜 필드 좌측에 표기되는 텍스트를 입력할 수 있는 프로퍼티입니다. (템플릿 텍스트 입력 가능)

날짜 (defaultValue)​

워크플로우의 실행 결과로 날짜를 설정하거나, 직접 값을 입력하여 날짜를 설정할 수 있습니다.
달력 아이콘을 클릭하여 날짜를 선택할 수도 있습니다.

자세한 시각 (type)​

날짜 필드에서 자세한 시각을 활성화시킬 수 있습니다. 활성화 여부에 따라 date와 dateTime 두가지 타입이 있습니다.

date 타입 (자세한 시각 비활성화)​

dateTime 타입 (자세한 시각 활성화)​

컴포넌트 비활성화 (isDisabled)​

컴포넌트의 비활성화 상태를 입력하는 프로퍼티입니다.
워크플로우의 실행 결과를 사용하거나 직접 값을 입력하여 컴포넌트 비활성화 상태를 설정할 수 있습니다. 값을 true로 설정할 경우, 해당 컴포넌트가 비활성화 상태로 변경됩니다.

컴포넌트 숨김 (isHidden)​

컴포넌트의 숨김 상태를 입력하는 프로퍼티입니다.
워크플로우의 실행 결과를 사용하거나 직접 값을 입력하여 컴포넌트 숨김 상태를 설정할 수 있습니다.
값을 true로 설정할 경우, 배포된 상태에서는 컴포넌트가 숨겨지고 편집 상태에서는 불투명한 상태로 편집이 가능합니다.

레이블 길이 (labelWidth)​

직접 값을 입력하여 레이블 길이를 지정할 수 있습니다. px 또는 % 단위에 맞게 값을 입력하면 해당 값에 따라 레이블의 길이가 조정됩니다.

상태​

프로퍼티타입설명
값 (value)string날짜 필드에서 선택된 ISO 8601으로 포맷된 날짜 또는 날짜 및 시각
주의

홉스에서는 날짜 필드 값에 대해 유효성 검사를 하지 않습니다.
값을 사용하기 전 유효성 검사를 하는 것을 권장합니다.