Skip to content

DatePicker

날짜를 입력 또는 선택하기 위한 Control이다.

  • 적용 가능한 Control Attribute
  1. Translate: 다국어 변환 여부를 설정한다.
  2. Label: 표출 여부, 위치, tooltip 등을 설정한다.
  3. Type: Date type을 설정하며, 기본값은 Date이다.
  4. Display Format: 날짜 포맷을 설정한다. yyyy-MM-dd라고 설정되면 날짜가 2023-11-28의 형식으로 표출된다.
  5. Data Format: 저장 및 조회 등을 위하여 날짜 Data를 전달할 때 사용되는 형식을 설정한다.
  6. PickerOptions: 당일, 당월, 전월 등의 기본 날짜를 설정한다.
  7. Search Condition: 검색 조건으로 사용할 때의 조건 연사자를 설정한다. 기본값은 INSTR()로 사용된다.
  8. Data Placeholder: 입력할 값의 예시를 설정한다.
  9. InActive Before/After: 현재 날짜를 기준으로 과거 또는 미래 날짜를 선택하지 못하도록 설정한다.
  10. Custom Calendar: 미리 입력한 일정이 표시되도록 설정한다.
  11. Style
    • Font: 문자열의 Font를 설정한다.
    • Text Color: 문자열의 색상을 설정한다.
    • Flat Appearance: border의 너비, 색상 등을 설정한다.
    • Background Color: 문자열의 배경 색상을 설정한다.
    • Text Align: 문자열의 정렬을 설정한다. 기본값은 왼쪽 정렬이다.