jQuery发展历程时间轴插件

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

 42216  405  查看评论 (5)
分享到微信朋友圈
X
jQuery发展历程时间轴插件 ie兼容9

这个功能,主要是近期一个公司完整项目需要的,发展里面需要实现这样的效果。在网上找了很多,都没有这样的。所以就自己慢慢摸索弄

最后找到了jquery ui里的draggable这个功能可以达到我想要的想过,键盘左右移动其实就是控制的左右箭头的点击事件

移动主要控制DIV上面的left值得变化,

里面做了一些判断,

1,当到达最前面的时候用jquery做了一个动画效果将left值设置为0,

2,当在left的值大于内容的宽度,【很重要】将left的值设置为内容的宽度,然后用left的值减最外层的宽度,后面加了一个临时值,控制点对准时间刻度上。



相关插件-日期和时间

Canvas时钟插件clock-canvas.js

使用html5中Canvas技术,绘制钟表表盘,表面大小支持自适应。
  日期和时间
 31028  334

选择生日,弹出框pc插件可直接输入,可上下移动,成功有回调

插件是非要弄成一样的效果,无奈写了1个,原创作品作者分享给大家看下
  日期和时间
 28142  297

jQuery手机端时间选择插件jquery.promptumenu

jquery.promptumenu手机端时间选择器,开始时间选择,开始时间选择限制
  日期和时间
 31408  347

jquery移动端日期选择插件mobiscroll3.0.0

jquery移动端日期选择插件mobiscroll3.0.0APP日期选择器
  日期和时间
 67140  375

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

    0
    2020/4/13 18:30:27
    能不能默认情况下从最右边展示 回复
    挠痒痒 0
    2017/8/16 15:32:23
    /mn★怡琳★ 0
    2017/5/17 10:57:24

    小窗口打开,再换成大窗口后,显示区域还是小窗口时那么大。这个能修改吗。

    回复
    Life? 0
    2016/7/23 10:07:42
    junyi5d 0
    2016/7/18 14:07:54
    日期在chrome下显示不是截图那样,只是一个圆 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复