| Table of Contents | ||||
|---|---|---|---|---|
|
...
달력에서 날짜를 선택하는 Date 컴포넌트의 기본 UI는 다음과 같다.
...
Format
날짜 출력 포멧을 설정 할 수 있다.
...
Default Dates
디폴드 날짜를 셋팅 할 수 있다. 옵션에 있는 Default Value 에 원하는 조건을 직접 입력하여 설정한다.
...
{{:defaultDates(-1 month)}} | {{:defaultDates(1 year)}} |
|---|---|
 |  |
Format
날짜 출력 포멧을 설정 할 수 있다.
...
Disabled Dates
날짜 선택 시 선택 불가한 조건을 설정 할 수 있다. 옵션에 있는 Disabled Start Value와 Disabled End Value에 원하는 조건을 직접 입력하여 설정한다. 아래 예시는 옵션 2개를 모두 사용한 경우이다.
...
날짜 Shortcuts 기능을 사용하면, 사용자가 더 편리하게 원하는 날짜를 입력 할 수 있다. 예를 들어 List Date Shortcuts{"3일"} 로 설정하면, Date 컴포넌트 좌측에 날짜 자동 계산 버튼이 생성된다. [3일] 버튼을 클릭하면 Date컴포넌트에 날짜가 자동으로 계산되어 출력된다. Shortcuts 날짜 계산은 금일(today)를 포함하여 연산된다.
...
( Today = 2021.06.18 | Click [3일] > 2021.06.16 )
| Status | ||||
|---|---|---|---|---|
|
...