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값에 조건 내의 날짜만 선택 할 수 있고, 나머지 날짜는 모두 모두 비활성화 된다.