Timesheet.js

Timesheet.js 介绍

Timesheet.js 是通过 html5 和 css3 ，把数据和事件进行可视化处理的库。用 JavaScript 创建事件轴，用 css 美化样式，还有适合移动端的方法。 

使用方法

只需要Timesheet.js和配置您的数据。 没有外部依赖,不需要jQuery,当然没有Angular.js ! 只需要几行JavaScript来生成一个美丽的html5布局和一些css自定义外观样式。

<script src="/JavaScripts/timesheet.js" type="text/JavaScript" />

创建一个简单的表,基于一系列js的事件: 

new Timesheet('timesheet',2002,2013,[

['2002','09/2002','A freaking awesome time','lorem'],

['06/2002','09/2003','Some great memories','ipsum'],

['2003','Had very bad luck'],

['10/2003','2006','At least had fun','dolor'],

['02/2005','05/2006','Enjoyed those times as well',

['07/2005','09/2005','Bad luck again','default'],

['10/2005','2008','For a long time nothing happened',

['01/2008','05/2009','LOST Season #4',

['01/2009',

['02/2010','05/2010','LOST Season #5',

['09/2008','06/2010','FRINGE #1 & #2','ipsum']

]);

 

 

网站地址:https://sbstjn.github.io/timesheet.js

GitHub:https://github.com/sbstjn/timesheet.js

网站描述:HTML5 &amp; CSS3时间轴插件

Timesheet.js

官方网站：https://sbstjn.github.io/timesheet.js