JQuery处理时间轴

Question

我正在寻找流程时间表。 CSS或JQuery。

在时间轴中，我想展示诸如Cronjobs，XML导入，数据导出等流程。 时间轴应该有开始时间，长度和标题（可能是组）。 某些进程每小时可以启动两次。有些可以每月推出一次。

时间表的使命 - 能够查看流程未使用的时间点。

我经常搜索这样的东西，但没有成功。 我在这里找到类似的东西： http://stoicloofah.github.io/chronoline.js/ 但它无法以第二精度显示数据。

Answer 1

我找不到任何以第二精度显示的脚本。所以我使用了chronoline.js脚本。我的秒问题解决方案是：将计算出的长度添加到“标题”中，这样​​我就可以看到在将鼠标悬停在时间轴对象上时持续了多长时间。

代码：

'start': new Date(<?php echo date("Y,m,d,H,i,s",$item['start_time']) ?>),
'end': new Date(<?php echo date("Y,m,d,H,i,s",$item['finish_time']) ?>),
'content': '<div class="content_title_b" title="<?php echo $item['title'];?> - <?php echo $item['length'];?> sec."><?php echo $item['title'];?></div>'

脚本非常简单，并且有一些不错的“功能”。

• 在时间轴上滚动时放大/缩小;
• 它拥有自己的CSS，很容易编辑。

如果你发现了更好的东西，请告诉我。感谢。