jquery时间轴

所属分类:输入-日期和时间

 35553  339  查看评论 (1)
分享到微信朋友圈
X
jquery时间轴 ie兼容8

使用方法

引入time.css、jquery-3.0.0.min.js、time.js、jquery.dotdotdot.js等文件

1、将数据格式写成以下形式:
var jsonArr = [
        {time:'09:00',value:'访问A页面'},
        {time:'09:30',value:'访问B页面 '},
        {time:'09:50',value:'登录'},
        {time:'10:00',value:'退出'},
        {time:'10:10',value:'登录'},
        {time:'10:20',value:'退出'},
        {time:'10:50',value:'访问B页面'},
        {time:'10:50',value:'访问B页面'},
        {time:'10:50',value:'访问B页面'}
    ];

2、然后调用:

timeAxis(jsonArr);
相关插件-日期和时间

jQuery点击滑动购买时间选择

jQuery选择日期的滑动块代码
  日期和时间
 31719  309

jQuery时间插件timedropper

timedropper是一个jQuery时间选择插件。管理时间输入字段的标准形式。专注于输入打开一个小的互动时间选择。
  日期和时间
 37298  395

canvas时钟

canvas绘制时钟,代码结构清晰易懂
  日期和时间
 34152  399

jQuery移动端时间插件

手机上选择机票的时间插件
  日期和时间
 51230  360

讨论这个项目(1)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    我的人生我做主 0
    2018/4/9 14:10:46
    如果数据很多呢,不可能用滚动条吧,总要有上一页下一页这种吧 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复