주

'week' 캘린더 타입은 한 달 전체 대신 한 주만 보여 줍니다. 예약 화면처럼 월 그리드가 선택에 필요한 것보다 더 많은 자리를 차지하는 곳에 잘 맞습니다.

스트립은 첫 번째 선택 날짜가 표시된 월에 속할 때 그 날짜가 있는 주에서 열립니다. 그렇지 않으면 오늘이 해당 월에 속할 때 오늘을 사용하고, 마지막으로 selectedMonth의 1일이 있는 주를 사용합니다.

화살표는 한 번에 한 주씩 이동하며 달의 경계를 넘어갑니다. 모든 날짜가 현재 기간의 날짜로 렌더링되므로 이전 달이나 다음 달의 날짜처럼 흐려지지 않고, 날짜를 눌러도 스트립이 움직이지 않습니다.

한 달을 한 주로 접기

enableCollapse는 그리드 아래에 월과 주를 전환하는 컨트롤을 추가해, 개발자가 아니라 방문자가 보기를 고르게 합니다. 자세한 내용은 접기를 참고하세요.

같은 컨트롤을 inputMode에서도 사용할 수 있습니다. 이 팝업은 주 보기로 열리고, enableCollapse로 전체 월을 펼치며, enableSwipe로 현재 보기를 넘깁니다.

코드로 전환하기

접기는 type을 바꾸므로, 두 보기를 직접 작성한 코드에서도 오갈 수 있습니다.

calendar.set({ type: 'week' }); // 한 주로 접기
calendar.set({ type: 'default' }); // 다시 월로
calendar.type; // 접혀 있는 동안에는 'week'