| Table of Contents | ||||
|---|---|---|---|---|
|
사용자가 시작일과 종료일을 선택하여 입력할 수 있도록 달력 날짜 선택 기능을 제공하는 컴포넌트이다.
( 참고: https://ionsdp.atlassian.net/wiki/spaces/ICE4P/pages/1543733287/Input+Component#Common-options )
Basic
DateRange 컴포넌트의 기본 UI는 다음과 같다.
...
Default DateRange
옵션에 있는 Default Value 에 원하는 조건을 직접 입력하여 시작일과 종료일의 디폴드 날짜를 설정 할 수 있다.
...
{{:defaultDates(-7, 0)}}
...
{{:defaultDates(0, 1 month)}}
...
{{:defaultDates(0, 1 year)}}
...
{{:defaultDates(-1 year,2 months)}}
...
Max Date Length
날짜 선택 시 사용자가 선택하는 최대 날짜 기간을 설정 할 수 있다. 옵션에 있는 Date Length에 원하는 Max 기간값을 직접 입력하여 설정한다. 사용자가 시작일 또는 종료일을 선택하면 설정해 놓은 날짜 기간 Max값에 조건 내의 날짜만 선택 할 수 있고, 나머지 날짜는 모두 모두 비활성화 된다.
...