DateTime 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 키를 누르면 실행됩니다.

구성 요소 작업

DateTimepicker 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] - 값을 확인할 때 표시되는 메시지입니다.

DateTimepicker Get Properties

DateTimepicker 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] - 값을 확인할 때 표시되는 메시지입니다.

DateTimepicker Set Properties

DateTimepicker 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] - 값을 확인할 때 표시되는 메시지입니다.

DateTimepicker Update Properties

DateTimepicker Validate

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

입력 매개변수:

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

출력 매개변수:

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

DateTimepicker Validate


사용 예

어떤 경우에는 타임스탬프 값( DateTimepicker Get Properties )을 가져와 문자열 형식으로 변환해야 합니다. 이를 위해 Date & Time to String 블록을 사용해야 합니다.

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

DateTimepicker Get Properties

  • Date & Time to String 블록은 타임스탬프 값을 문자열로 변환하는 데 사용해야 합니다. 값 필드를 서로 연결합니다.

  • 형식 마스크 필드를 입력하여 타임스탬프 값을 필요한 형식으로 변환합니다.