이 라이브러리에는 특정 날짜 또는 날짜 범위를 차단하고 강조할 수 있는 Limit 확장 기능이 포함되어 있습니다.
플러그인을 사용하려면, 페이지에서 활성화하세요.
참고: 타임라인 뷰를 사용하는 경우 'limit' 확장은 'timeline' 확장보다 먼저 활성화되어야 합니다:
scheduler.plugins({
limit: true, timeline: true
});
이 확장에서 사용할 수 있는 설정 옵션은 다음과 같습니다:
Related sample: Current time marking
허용되지 않은 날짜에 이벤트를 생성하거나 변경하려고 하면, onLimitViolation 이벤트가 발생합니다.
스케줄러에서 제한을 설정하는 방법에는 여러 가지가 있습니다:
Related sample: Blocking dates
다음 두 가지 메서드를 사용하여 특정 날짜를 강조할 수 있습니다:
Related sample: Handling the pointer highlighting
현재 마킹되거나 차단된 시간 구간을 해제하려면, 다음 메서드를 사용할 수 있습니다:
Related sample: Handling the pointer highlighting
여러 가지 차단 방법으로 서로 다른 범위를 지정한 경우, 차단 우선순위는 다음과 같이 적용됩니다(높은 순서부터 낮은 순서까지):
예시:
scheduler.addMarkedTimespan({ // 2012년 7월 4일(수요일) 차단
days: new Date(2019, 7, 4),
zones: "fullday",
type: "dhx_time_block",
css: "red_section" // 적용되는 CSS 클래스
});
scheduler.addMarkedTimespan({ // 매주 일, 월, 수요일 차단
days: [0, 1, 3],
zones: "fullday",
type: "dhx_time_block",
css: "blue_section" // 적용되는 CSS 클래스
});
// id=2인 항목에 대해 매주 일요일, 수요일만 차단
scheduler.addMarkedTimespan({
days: [0,3],
zones: "fullday",
type: "dhx_time_block",
css: "gray_section", // 적용되는 CSS 클래스
sections: { timeline: 2}
});
이 호출 이후, 스케줄러는 다음과 같이 동작합니다:
모든 마커를 우선순위와 상관없이 표시하려면, overwrite_marked_timespans 옵션을 다음과 같이 설정하세요:
scheduler.config.overwrite_marked_timespans_config = false;
맨 위로