ClockPicker调用方法(α clock)

boyanx3个月前技术教程15

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

相关文章

jQuery中模拟用户操作(jquery模拟键盘输入)

有时为了节省不想手动操作网页,但又想看到用户操作时的效果,可以用到jQuery提供的trigger方法。见下图代码在不点击按钮时仍然想弹出this.value我们只需要在后面加上.trigger("事...

jquery easyUI 日期格式化,DateBox只显示年

蕃薯耀 2016年6月8日 17:13:32 星期三http://fanshuyao.iteye.com/一、问题描述jquery easyui 本身不支持只显示年或只显示月份二、解决方案:1、增加格...

Datetimepicker.js用法(datetimepicker属性)

$('.form_date').datetimepicker({//初始化 language: 'zh-CN', //weekStart: 1,...

用了都说好的5款免费开源的JavaScript图表库

Planetary.js是一个JavaScript图表库,用于构建交互式地球仪。它使用 D3 和 TopoJSON 解析并显示地理数据。 Planetary.js使用基于建筑的构架插件,也就是说默认的...

酷炫时间罗盘(时间罗盘是什么)

感觉很新奇的时间罗盘程序,显示非常酷炫,如下图:源代码如下罗盘.html <!doctype html> <html> <head> <meta charse...

“我干的真是一份工吗?”做软件工程师有多疯:React+运维+管理=1个人干……

【CSDN 编者按】在技术行业狂奔的今天,软件工程师似乎成了“全能超人”的代名词——既要深挖技术栈,又要横跨前后端,甚至被迫接管运维、管理、产品等角色。对于开发者而言,“全栈”已不再是能力标签,而几乎...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。