CalendarNavigator
날짜를 직관적으로 보여주고 손쉽게 날짜를 선택하는 기능이 필요하다면 이 페이지가 도움이 될 수 있습니다.
컨트롤 설명
월, 주, 일 단위로 날짜를 볼 수 있고 선택할 수 있는 기능을 제공합니다. TimeTable 컨트롤과 함께 사용해서 회의실 예약같은 타임라인순서로 예약하는 기능을 개발할 수 도 있습니다. 자세한 내용은 TimeTable페이지에서 확인할 수 있습니다.
디자인(Design) 모드
스타일유형
CalendarNavigator 의 스타일 유형을 4가지로 제공하고 있습니다.
디자인 속성
영역별 디자인 설정
1. 기간(년,월,주)
기간(년, 월, 주) 영역의 디자인을 설정할 수 있습니다.
2. 날짜 배경 영역
날짜 배경 영역에 높이, 배경색, 패딩을 설정 할 수 있습니다.
3. 날짜 아이템 영역
날짜 아이템 영역에 높이, 텍스트, 배경, 보더, 패딩을 설정 할 수 있으며 설정 내용이 모든 날짜 아이템에 반영됩니다.
4. 선택한 날짜 아이템
선택한 날짜 아이템의 텍스트, 배경, 보더를 설정 할 수 있습니다.
5. 카테고리 영역
날짜 아래에 영역을 카테고리 영역이라고 합니다. 카테고리 영역에서는 텍스트 디자인을 설정 할 수 있습니다.
공통 디자인 속성
개발(Dev) 모드
캘린더 네비게이터 종류
상단에 위치한 양쪽의 화살표 버튼 클릭 시 이동할 기간의 단위를 설정합니다.
월 단위
시작 날짜의 다음달이나 이전달로 이동합니다.
주 단위
같은 요일의 다음주나 이전주로 이동합니다.
일 단위
다음날이나 이전날로 이동합니다.
날짜 포맷
캘린더 네비게이터 상단에 보이는 날짜 형식을 선택 할 수 있습니다.
YYYY.MM.DD
2024.04.25
YYYY/MM/DD
2024/04/25
YYYY-MM-DD
2024-04-25
YYYY년MM월DD일
2024년04월25일
YYYY-MM-W
2024-04-W4
YYYY.MM
2024.04
YYYY/MM
2024/04
YYYY-MM
2024-04
YYYY년MM월
2024년04월
YYYY년
2024년
초기 세팅 날짜
캘린더 네비게이터 상단에 보이는 날짜의 기본값을 세팅할 수 있습니다.
YYYY, YYYYMM, YYYYMMDD 형식으로 입력할 수 있습니다.
Data
날짜 선택 영역 보이기
해당 기능을 비활성화하면 하단의 날짜 선택 영역이 사라지고 켈린더 네비게이터 종류 설정에 따라 동작합니다.
선택한 날짜 저장
Event
3가지 이벤트 종류를 사용할 수 있습니다. 자세한 사용법에 대해서는 이벤트 사용에서 확인할 수 있습니다.
Last updated
Was this helpful?