ClockPicker调用方法(α clock)

boyanx8个月前技术教程29

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("事...

了解 JS 的加载顺序和方式,实现 Ready 方法

页面加载 JS 顺序或方式不同,可能会导致功能失效、错误的产生或加载解析时间过长,拖慢整个页面展示。了解 JS 的加载顺序了解页面元素的加载顺序,找到 JS 执行失败原因。有时明明没有问的代码,可就获...

python爬取双色球20年来的历史开奖数据

心血来潮,打算把双色球历史开奖数据喂给大模型,让大模型替我预测一下每期双色球的开奖结果。所以第一步,就是搞定训练的数据源。百度一下,输入双色球开奖结果,看到了中彩网,直接F12打开调试模式get请求,...

流程设计器jQuery + svg/vml(流程设计器BPMN)

去年就完成了流程设计器及流程引擎的开发,本想着把流程设计器好好整理一下,形成一个一步一步的开发案例,结果才整理了一点点,发现写文章比写代码还累,加上有事情要忙,结果就。。明天要去外包驻场了,现把流程设...

java学习路线 新手必备 没有学不会的知识

怎么学习Java,这是很多新手经常会问我的问题,现在我简单描述下一个Java初学者到就业要学到的一些东西: 首先要明白Java体系设计到得三个方面:J2SE,J2EE,J2ME(KJAVA)。J2S...

Datetimepicker.js用法(datetimepicker属性)

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

发表评论    

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