UDN-企业互联网技术人气社区

板块导航

浏览  : 771
回复  : 0

[资源] 时间表 Timesheet.js

[复制链接]
钻石女王的头像 楼主
发表于 2016-4-4 14:53:49 | 显示全部楼层 |阅读模式
  这个JavaScript程序使用神奇的HTML5和CSS3技术,将时间数据和事件进行可视化显示。使用纯JavaScript绘制时间表(轴),使用CSS3进行漂亮的美好,同时兼容移动手机设备 …

QQ图片20160404145657.png

  在页面是只需要引入 Timesheet.js 然后配置你的数据。没有其它的程序哭依赖,不需要jQuery,更不需要Angular.JS!几行简单的JavaScript代码就能实现漂亮的HTML5布局,使用CSS3技术自定义出你想要的任何显示效果。
  1. <script src="/JavaScripts/timesheet.js" type="text/JavaScript" />
复制代码

  下面就是一个简单的一些事件时间表的数据样例:
  1. new Timesheet('timesheet-default', 2002, 2013, [
  2.   ['2002', '09/2002', 'A freaking awesome time', 'lorem'],
  3.   ['06/2002', '09/2003', 'Some great memories', 'ipsum'],
  4.   ['2003', 'Had very bad luck'],
  5.   ['10/2003', '2006', 'At least had fun', 'dolor'],
  6.   ['02/2005', '05/2006', 'Enjoyed those times as well', 'ipsum'],
  7.   ['07/2005', '09/2005', 'Bad luck again', 'default'],
  8.   ['10/2005', '2008', 'For a long time nothing happened', 'dolor'],
  9.   ['01/2008', '05/2009', 'LOST Season #4', 'lorem'],
  10.   ['01/2009', '05/2009', 'LOST Season #4', 'lorem'],
  11.   ['02/2010', '05/2010', 'LOST Season #5', 'lorem'],
  12.   ['09/2008', '06/2010', 'FRINGE #1 & #2', 'ipsum']
  13. ]);
复制代码

  时间表Timesheet.js的用法是否简单。希望你用的舒心愉快,感谢你的阅读了解,如果你有兴趣,可以尝试着个Timesheet.js定义各种不同的显示样式 …
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关于我们
联系我们
  • 电话:010-86393388
  • 邮件:udn@yonyou.com
  • 地址:北京市海淀区北清路68号
移动客户端下载
关注我们
  • 微信公众号:yonyouudn
  • 扫描右侧二维码关注我们
  • 专注企业互联网的技术社区
版权所有:用友网络科技股份有限公司82041 京ICP备05007539号-11 京公网网备安1101080209224 Powered by Discuz!
快速回复 返回列表 返回顶部