代码之家  ›  专栏  ›  技术社区  ›  gene b.

垂直日视图小时甘特图/时间线(类似于Outlook)-jQuery库

  •  0
  • gene b.  · 技术社区  · 8 年前

    我需要创建一个垂直的“时间线”图表,增量为1小时、30分钟、15分钟或5分钟。该功能类似于Outlook或“日视图”计划程序,其中约会作为方框放置在时间线上。

    我考虑了以下方面,但存在以下问题:

    • jQuery FullCalendar。io,DayPilot
    • 不支持任何自定义间隔或true Date对象的原始自由工具,如jQuery Skeduler,我必须自己重画标尺,或自己实现重叠

    对这个问题有什么建议吗?我可以用电子表格吗?

    所需功能:

    8:00 ---------
    8:30 [.......]
    9:00 ---------
    9:30 [...][..]
    
    1 回复  |  直到 8 年前
        1
  •  0
  •   gene b.    8 年前

    我已经决定使用这个免费插件,它易于扩展和使用:

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

    <LI> 标签和间隔实际上是根据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)));
            });
        }           
    }