1. 업무시간 표시

businessHours 는 업무시간을 설정할 수 있으며, true 시 월~금, 오전 9시~오후 5시 영역을 업무시간(Business Hours)으로 설정합니다.

업무시간 이외에는 다른 배경색이 적용됩니다.


해당 기능은 색상만 다르게 표시하며 일정 등록에는 제한을 주지 않습니다.


 businessHours: [
        {
            daysOfWeek: [1, 2, 3],  //월요일 ~ 수요일
            startTime: "10:00",           //출근 시간
            endTime: "18:00"             //퇴근 시간
        },
        {
            daysOfWeek: [4, 5], //목요일 ~ 금요일
            startTime: "09:00", //출근 시간
            endTime: "17:00"   //퇴근 시간
        }
    ],


▼ businessHours : true 시 월간 달력에서 월~금만 흰색으로 표시됨


▼ businessHours : true 시 오전 9시~오후 5시까지만 흰색으로 표시됨




2. 선택가능 날짜 및 시간 설정 

selectConstraint 는 사용자의 마우스 클릭, 드래깅을 통한 일정 등록을 설정합니다. 아래 예제에서는 1~5, 즉, 월~금만 선택할 수 있도록 제한했습니다.


selectConstraint: { // 사용자가 클릭할 수 있는 영역 월~금으로 제한
   //startTime: '10:00',
  //endTime: '18:00',
  daysOfWeek: [ 1, 2, 3, 4, 5 ], //월~금
},



▼ 주말 선택 시 아래와 같이 일정등록창이 제한됨