jQuery ClockPicker 圆形时钟


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

在线实例

实例预览  jQuery ClockPicker 圆形时钟

使用方法

<div class="input-group clockpicker"> 
    <input type="text" class="form-control" value="09:30"> 
    <span class="input-group-addon"> 
        <span class="glyphicon glyphicon-time"></span> 
    </span> 
</div>
$('.clockpicker').clockpicker();

参数详解

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

ClockPicker调用方法

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

云盘内容


 jQuery插件大全打包

HTML5+CSS3+PHP+jQuery等示例
大小
170M(300+个文件)

注意:示例只是当前的内容,【下载】的是全部jQuery插件一起打包后的文件。

下载地址