공휴일 표시 공휴일의 경우 별도로 설정해줘야 합니다. 공휴일을 설정 및 표시하는 방법은 여러가지 방법이 있습니다.   1-1) addEvent 단순히 공휴일을 추가하여 사용하실 경우 addEvent를 사용하여 테두리를 붉은색으로 사용하시는 방법이 있습니다. ...

1. 업무시간 표시 businessHours 는 업무시간을 설정할 수 있으며, true 시 월~금, 오전 9시~오후 5시 영역을 업무시간(Business Hours)으로 설정합니다. 업무시간 이외에는 다른 배경색이 적용됩니다. 해당 기능은 색상만 다르게 표시하며 일정 ...

eventAdd 는 사용자가 새로운 일정을 추가할 때 발생하는 콜백함수를 정의합니다. 해당 파라미터에서는 추가되는 일정의 내용과 속성들을 담고 있습니다. 만약 특정 조건에서 신규 일정이 등록되지 않게 하려면 아래와 같이 추가되는 일정을 삭제해주면 됩니다. (단, 일...

dayCellDidMount 는 일별 셀의 DOM 객체를 추출할 수 있습니다. 특정 날짜에 배경색 또는 글자색을 변경하고 싶다면 아래 예제와 같이 조건에 따라 Color 값을 수정합니다. 예제1) 오늘 날짜에 빨간색으로 배경색을 설정하는 예제 파라미터에...

Calendar 에서 일정에 대한 시작시간/종료시간은 00시 00분 ~ 00시00분 로 넘어가야 하루에 대한 일정이 표시됩니다. AllDay: true 인 종일 이벤트의 경우,기간이 하루는 상관 없지만, 하루 이상에 걸쳐지는 경우, 종료일에 해당하는 + 1 00:00 까...

일정추가 시 기본적으로 (제목없음) 이라는 Text가 placehodlder로 표시되고 있습니다. 이 표시를 공통으로 제거하기 위해서는 언어파일인 ko.js 에서 기본 제목을 지워줘야 합니다. IBCalendarLocalesAll.ko = { code: &...

이벤트 편집창 UI를 수정하는 기능은 제공하고 있지 않습니다. 하지만, 사용자가 별도로 UI 편집창을 만들어 제품의 이벤트 편집창을 띄우지 않고 사용자가 만든 UI 창을 띄우는 것은 가능합니다. 캘린더 생성시 옵션으로 eventEditPopup 추가하여 사용하시면 이벤트...

Calendar에서 아래 영역은 headerToolbar에 의하여 결정 됩니다. //기본값 headerToolbar: { left: "today prev", center: "", right: "dayG...

달력에서 저장된 일정을 드래그하여 다른 날짜에 드롭하면 일정이 이동됩니다. 이 때 특정 날짜에 대해 사용자가 일정(Event)을 옮기는 것을 막고 싶은 경우, Dragging 시에 클릭한 이벤트 정보를 확인하여 조건을 만족하면 revert() 할 수 있습니다. ...