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-MM-W 형식은 캘린더 네비게이터 종류가 주 단위 일때 사용할 수 있습니다.

초기 세팅 날짜

캘린더 네비게이터 상단에 보이는 날짜의 기본값을 세팅할 수 있습니다.

YYYY, YYYYMM, YYYYMMDD 형식으로 입력할 수 있습니다.

Data

날짜 선택 영역 보이기

해당 기능을 비활성화하면 하단의 날짜 선택 영역이 사라지고 켈린더 네비게이터 종류 설정에 따라 동작합니다.

선택한 날짜 저장

날짜 선택 영역 보이기가 활성화 된 경우엔 켈린더 네비게이터 종류와 무관하게 컬렉션키(멀티)로 보여집니다.

Event

3가지 이벤트 종류를 사용할 수 있습니다. 자세한 사용법에 대해서는 이벤트 사용에서 확인할 수 있습니다.

Last updated