你的位置:首页 > Java教程

[Java教程]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设置从现在开始now0

ClockPicker调用方法

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

下载