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 & CSS3时间轴 插件
Timesheet.js官方网站
官方网站: https://sbstjn.github.io/timesheet.js
如果觉得 网站内容还不错,欢迎将 网站 推荐给程序员好友。