jQuery ClockPicker 圆形时钟 博客分类： jQuery 圆形时钟ClockPicker

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'	-

---

下载