DatePeriodPicker 전체 기능 확인

value 축약 표기(음수/양수), startDataFieldID/endDataFieldID, startClassName/endClassName, useTime/minuteStep, 팝업의 빠른 선택 버튼(올해/오늘/주간/분기/반기/월 체크), 이벤트(onselect/onreset/onconfirm), getValue/setValue/clear/showPopup/hidePopup 을 한 화면에서 확인합니다. 달력 버튼을 눌러 팝업을 열어 보세요.

1. 이벤트 / 메서드 (페이지의 첫 컨트롤이 팝업을 공유하므로 이벤트 확인용 컨트롤을 맨 앞에 둡니다)

2. value 축약 표기

옵션컨트롤
value: 'day:-7' (7일 전 ~ 오늘)
value: 'day:7' (오늘 ~ 7일 후)
value: 'week:-2' (2주 전 ~ 오늘)
value: 'month:-3' (3개월 전 ~ 오늘)
value: 'year:-1' (1년 전 ~ 오늘)

3. 입력창 구성 / 날짜 + 시간

옵션컨트롤
startDataFieldID/endDataFieldID 와 입력창 CSS class
useTime: true + minuteStep: 15