날짜 선택기는 단일 날짜 또는 기간을 선택하여 텍스트로 입력하는 구성요소 입니다.
Usage
사용자가 날짜, 기간을 입력해야 하는 경우에 사용합니다.
•
데이터 입력의 정합성을 위해 날짜, 기간 입력이 필요한 경우에는 모두 날짜 선택기를 사용합니다.
Anatomy
<우리 데이트 피커 이미지 삽입>
1.
Form
폼을 클릭하면 드롭다운(2번)이 열립니다.
날짜를 선택하면 해당 날짜가 form에 입력됩니다.
2.
Dropdown
연, 월, 일을 선택할 수 있는 캘린더 폼이 드롭다운 형태로 열립니다.
날짜를 클릭하면 해당 날짜가 선택되며 드롭다운이 닫힙니다.
Varints
Date range picker
<우리 레인지 피커 이미지 삽입>
시작일과 종료일을 입력할 때 사용합니다.
1.
시작일 입력 폼 입니다. 클릭하면 시작일 선택 드롭다운이 열립니다.
2.
시작일 선택 드롭다운 입니다.
3.
종료일 입력 폼 입니다. 클릭하면 종료일 선택 드롭다운이 열립니다.
4.
종료일 선택 드롭다운 입니다. 시작일이 표시된 상태로 열립니다.
Month Picker
<우리 먼쓰 피커 이미지 삽입>
특정 월을 입력할 때 사용합니다.
Guidelines
•
입력 날짜 표시 형식은 현재 사이트의 언어 설정에 따릅니다.
: 국문/중문 사이트 - YYYY-MM-DD
: 영문 사이트 - MM-DD-YYYY
•
시작일-종료일 입력의 경우 종료일이 시작일을 앞설 수 없습니다.
