Skip to content

DateTimePicker

날짜 및 시간을 선택하고 설정된 형식으로 해당 날짜와 시간을 표시할 수 있도록 한다.

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