Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

옵션에 있는 Default Value 에 원하는 조건을 직접 입력하여 시작일과 종료일의 디폴드 날짜를 설정 할 수 있다.status

colourBlue
titleex
DateRange 컴포넌트 디폴트 날짜 설정

{{:defaultDates(-7, 0)}}

{{:defaultDates(0, 1 month)}}

...

  • List Date Shortcuts : 숏컷 목록 선택

  • Shortcuts Dropdown Selection : 드랍다운으로 숏컷 목록 출력 ON/OFF

Info

Shortcuts Dropdown Selection{ON}

...

5. Date Picker

Picker 기능을 사용하여 다양한 날짜 입력 타입을 사용 할 수 있다. ( 참고: https://ionsdp.atlassian.net/wiki/spaces/ICE4P/pages/1954185296/Date#5.-Date-Picker )

...

선택한 기간을 기준으로 날짜를 자동 계산 해주는 네비게이션 기능을 제공한다. Show Navigation{ON}으로 설정 시 날짜 선택 필드 양쪽 사이드에 <, > 버튼이 생성된다. 시작일과 종료일을 선택하고 네비게이션을 클릭하면, 설정한 기간만큼 -,+ 날짜가 계산되어 자동으로 출력된다.

Info

Shortcuts Dropdown Selection{OFF}, Shortcuts Navigations{ON}

...

...

7. Disable Clear

사용자가 입력한 날짜 정보를 삭제 할 수 있도록 Allow Clear 옵션을 제공한다. 삭제 아이콘 사용 여부를 ON/OFF 할 수 있으며, 각각 설정 했을 경우의 사용자 화면은 다음과 같다. Default는 Allow Clear{ON} 이다.

...