首页 > Web开发 > 详细

jQuery ClockPicker 圆形时钟

时间:2016-07-16 02:32:14      阅读:392      评论:0      收藏:0      [点我收藏+]

ClockPicker.js是一款时钟插件,其实还可以改进,里面的分可以改成短横线。

在线实例

实例预览? jQuery ClockPicker 圆形时钟

使用方法

  1. <div?class="input-group?clockpicker">?
  2. ????<input?type="text"?class="form-control"?value="09:30">?
  3. ????<span?class="input-group-addon">?
  4. ????????<span?class="glyphicon?glyphicon-time"></span>?
  5. ????</span>?
  6. </div>
  7. $(‘.clockpicker‘).clockpicker();
复制

参数详解

参数 描述 默认值
default 默认时间, ‘now‘ 或‘13:14‘ -
placement 提示位置 ‘left‘、‘right‘、‘top‘ bottom
align 提示箭头位置 left
donetext 完成按钮文本 完成
autoclose 是否自动关闭 false
vibrate 当鼠标拖动显示摇摆效果 true
fromnow 设置从现在开始now 0

ClockPicker调用方法

show 显示 -
hide 隐藏 -
remove 移除 -
toggleView 切换显示 ‘hours‘ 或 ‘minutes‘ -

?

jQuery ClockPicker 圆形时钟

原文:http://zaixianshouce.iteye.com/blog/2311130

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!