Time picker

룩앤필 설정

구성 요소의 레이블을 표시하는 데 사용할 Label (필수 아님)입니다.

구성 요소의 자리 표시자를 표시하는 데 사용할 Placeholder (필수 아님)입니다.

Name (필수) - 구성 요소의 이름입니다.

Tooltip 설명(필수 아님) - 도구 설명 문자열입니다.

Min (필수) - 시작할 최소 타임스탬프 값 [unix formatted] 입니다. 기본적으로 0으로 설정됩니다.

Max (필수) - 선택할 수 있는 최대 타임스탬프 값 [unix formatted] 입니다. 기본적으로 생성 순간과 동일합니다.

Step (필수 아님) - 선택 단계 값.

Required (필수) - 선택이 필요한지 여부를 표시합니다. 기본적으로 false로 설정됩니다.

Allow clear (필수) - 선택 시 지우기를 허용합니다. 기본적으로 false로 설정됩니다.

Disabled 됨(필수) - 켜져 있는 경우 구성 요소를 비활성화합니다. 기본적으로 꺼져 있습니다.

Visible (필수) - 켜져 있는 경우 구성 요소를 표시합니다. 기본적으로 활성화되어 있습니다.

워크플로 트리거

• onChange - 드롭다운 옵션이 변경되면 실행됩니다.
• onFocus - Select 구성 요소에 포커스가 있을 때 발생합니다.
• onBlur - Select 구성 요소가 흐려질 때 발생합니다.
• onCreate - 구성 요소가 생성될 때 발생합니다.
• onShow - 구성 요소가 표시될 때 발생합니다.
• onHide - 구성 요소가 숨겨지면 실행됩니다.
• onDestroy - 구성 요소가 표시될 때 실행됩니다.
• onEnterKey - Enter 키를 누르면 실행됩니다.

구성 요소 작업:

Timepicker Get Properties

구성 요소의 속성을 가져옵니다.

입력 매개변수:

• Component Id [string] - 구성 요소의 식별자입니다.

출력 매개변수:

• Label [string] - 구성 요소의 레이블입니다.
• Placeholder [string] - 구성 요소의 자리 표시자.
• Allow Clear [boolean] - true인 경우 선택을 지울 수 있습니다.
• Disable [boolean] 비활성화 - true인 경우 구성 요소를 비활성화합니다.
• Tooltip [string] - 툴팁 문자열;
• Required [boolean] - true인 경우 필수 표시를 표시합니다.
• Debounce (ms) [integer] - 값을 검증하기 위한 지연.
• Min [datetime] - 시작할 최소 타임스탬프 값 [unix formatted] 입니다.
• Max [datetime] - 선택할 수 있는 최대 타임스탬프 값 [unix formatted] 입니다.
• Value [datetime] - 선택된 타임스탬프 값 [unix formatted] ;
• Validate Icon [boolean] - 값을 확인할 때 표시할 아이콘입니다.
• Validate Status [Status type] - 값을 확인할 때 표시되는 상태입니다.
• Validate Message [string] - 값을 확인할 때 표시되는 메시지입니다.

Timepicker Set Properties

구성 요소의 속성을 설정합니다.

입력 매개변수:

• Component Id [string] - 구성 요소의 식별자입니다.
• Label [string] - 구성 요소의 레이블입니다.
• Placeholder [string] - 구성 요소의 자리 표시자.
• Allow Clear [boolean] - true인 경우 선택을 지울 수 있습니다.
• Disable [boolean] 비활성화 - true인 경우 구성 요소를 비활성화합니다.
• Tooltip [string] - 툴팁 문자열;
• Required [boolean] - true인 경우 필수 표시를 표시합니다.
• Debounce (ms) [integer] - 값을 검증하기 위한 지연.
• Min [datetime] - 시작할 최소 타임스탬프 값 [unix formatted] 입니다.
• Max [datetime] - 선택할 수 있는 최대 타임스탬프 값 [unix formatted] 입니다.
• Value [datetime] - 선택된 타임스탬프 값 [unix formatted] ;
• Validate Icon [boolean] - 값을 확인할 때 표시할 아이콘입니다.
• Validate Status [Status type] - 값을 확인할 때 표시되는 상태입니다.
• Validate Message [string] - 값을 확인할 때 표시되는 메시지입니다.

Timepicker Update Properties

구성 요소의 속성을 업데이트합니다.

입력 매개변수:

• Component Id [string] - 구성 요소의 식별자입니다.
• Label [string] - 구성 요소의 레이블.
• Placeholder [string] - 구성 요소의 자리 표시자.
• Allow Clear [boolean] - true인 경우 선택을 지울 수 있습니다.
• Disable [boolean] 비활성화 - true인 경우 구성 요소를 비활성화합니다.
• Tooltip [string] - 툴팁 문자열;
• Required [boolean] - true인 경우 필수 표시를 표시합니다.
• Debounce (ms) [integer] - 값을 검증하기 위한 지연.
• Min [datetime] - 시작할 최소 타임스탬프 값 [unix formatted] 입니다.
• Max [datetime] - 선택할 수 있는 최대 타임스탬프 값 [unix formatted] 입니다.
• Value [datetime] - 선택된 타임스탬프 값 [unix formatted] ;
• Validate Icon [boolean] - 값을 확인할 때 표시할 아이콘입니다.
• Validate Status [Status type] - 값을 확인할 때 표시되는 상태입니다.
• Validate Message [string] - 값을 확인할 때 표시되는 메시지입니다.

Timepicker Validate

DateTime Picker 구성 요소에서 선택한 타임스탬프 값의 유효성을 검사합니다.

입력 매개변수:

• Component Id [string] - 구성 요소의 식별자입니다.

출력 매개변수:

• Success [boolean] - 유효성 검사 결과;
• Error [string] - 오류 메시지;

사용 예

선택한 시간을 구문 분석하고 모든 조합을 가져오려면 다음 논리를 사용해야 합니다.

• Timepicker Get Properties 블록을 끌어 캔버스에 놓습니다. Time Picker 구성 요소에서 값을 가져오려면 Component ID 를 지정해야 합니다.

• 선택한 값은 초, 분 등과 같은 사소한 부분으로 나눌 수 있습니다. Expand time 을 사용해야 합니다.