수직 일보기 시간 간트 차트/타임 라인 (Outlook과 유사) - jQuery 라이브러리

Question

1 시간, 30 분, 15 분 또는 5 분 단위로 세로 "타임 라인"차트를 만들어야합니다. 이 기능은 Outlook 또는 '일별보기'스케줄러와 유사하며, 일정은 일정으로 상자로 표시됩니다.

난 다음 그러나 다음과 같이 문제가 있었다 간주 : - 수평 타임 라인 만 수직

jQuery를 FullCalendar.io, DayPilot을 지원하지 않습니다 -

• Google 시각화, Vis.JS 일부 $ 500의 프리미엄 버전에서만 제공되는 기능. FullCalendar : DayTimeline보기 프리미엄, DayPilot : 1 시간 단위로 증가하지 않는 프리미엄
• jQuery Skeduler와 같은 사용자 정의 간격이나 실제 Date 개체를 지원하지 않는 원시 도구는 사용자가 직접 눈금자를 다시 그리거나 중복을 구현해야합니다 나.

이 문제에 대한 제안 사항이 있으십니까? 이 스프레드 시트를 사용할 수 있습니까?

원하는 기능 : 추가

https://codyhouse.co/gem/schedule-template/

템플릿

CodyHouse 일정 : 내가 사용하기 쉽게 확장하고 쉬운이 무료 플러그인에 정착 한

8:00 --------- 
8:30 [.......] 
9:00 --------- 
9:30 [...][..] 

Answer 1

확대 (사용자 지정 간격), 색상 표시 등이 정말 쉽습니다. <LI> 태그로 구성된 HTML 기반 타임 라인이 있으며 간격은 실제로 HTML 레이블을 기반으로 자동 계산되므로 아무 것도 직접 계산할 필요가 없습니다.

새로운 이벤트를 즉석에서 (기본 기능) 플롯하기 위해이 코드를 main.JS에 추가했습니다.이 코드는 기존 HTML의 정상적인 초기화를 복제합니다. 이 새로 고침은 새 이벤트에 새 LI를 추가하여 DOM을 수동으로 수정 한 후에 호출됩니다.

function refreshScheduler() { 
    schedules = $('.cd-schedule'); 
    objSchedulesPlan = [], 
     windowResize = false; 

    if(schedules.length > 0) { 
     schedules.each(function(){ 
      //create SchedulePlan objects 
      objSchedulesPlan.push(new SchedulePlan($(this))); 
     }); 
    }   
}