垂直日视图时间甘特图/时间线(类似于Outlook) – jQuery库
我需要创建一个垂直的“时间轴”图表,增量为1小时30分钟,15分钟或5分钟。 该function类似于Outlook或“日视图”计划程序,其中约会作为时间轴上的框放置。
我考虑过以下但有以下问题:
- Google Visualization,Vis.JS – 仅限水平时间轴,不支持垂直时间轴
- jQuery FullCalendar.io,DayPilot – 某些function仅在Premium版本中提供,价格为500美元。 FullCalendar:DayTimeline View是优质的,DayPilot:非1hr增量是溢价
- 原始的免费工具,如jQuery Skeduler,不支持任何自定义间隔或真正的Date对象,我必须自己重绘标尺,或者自己实现重叠
关于这个问题的任何建议? 我甚至可以使用电子表格吗?
所需function:
8:00 --------- 8:30 [.......] 9:00 --------- 9:30 [...][..]
我已经确定了这个易于扩展且易于使用的免费插件:
CodyHouse日程表模板
https://codyhouse.co/gem/schedule-template/
添加缩放(自定义间隔),着色等非常简单。 基于HTML的时间轴由
标签组成,间隔实际上是根据您的HTML标签自动计算的,因此您无需自己重新计算任何内容。
为了动态绘制新事件(主要function),我在main.JS
添加了这个代码,它复制了它们之前存在的HTML的正常初始化。 在通过为新事件添加新LI手动修改DOM后调用此Refresh。
function refreshScheduler() { schedules = $('.cd-schedule'); objSchedulesPlan = [], windowResize = false; if( schedules.length > 0 ) { schedules.each(function(){ //create SchedulePlan objects objSchedulesPlan.push(new SchedulePlan($(this))); }); } }