`

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

 

1
0
分享到:
评论
发表评论

文章已被作者锁定,不允许评论。

相关推荐

    jQuery时钟风格插件clockpicker

    **jQuery时钟风格插件clockpicker详解** 在Web开发中,常常需要添加日期或时间选择功能,以方便用户输入。jQuery clockpicker插件提供了一种优雅的解决方案,它以时钟的界面样式呈现,使用户可以直观地选择时间。这...

    ClockPicker+bootstrap圆形时钟插件

    "ClockPicker+bootstrap圆形时钟插件"就是一个这样的工具,它结合了Bootstrap框架的灵活性和ClockPicker的功能,为用户提供了一个直观、易于使用的时钟选择器。 首先,让我们了解一下Bootstrap。Bootstrap是由...

    clockpicker-时钟样式的Bootstrap和jquery日期时间选择

    clockpicker是一款时钟样式的Bootstrap和jquery日期时间选择器,clockpicker原来是为Bootstrap设计的,所以它既可以基于Bootstrap使用,也可也单独基于jquery使用。

    jQuery时钟插件clockpicker.zip

    jQuery时钟插件clockpicker是一款深受开发者喜爱的前端工具,尤其在构建用户界面时,它提供了美观、实用的时钟选择功能。这款插件基于流行的JavaScript库jQuery构建,旨在为网页应用添加直观且易于使用的时钟输入...

    jQuery创意圆形罗盘时钟代码.zip

    【jQuery创意圆形罗盘时钟代码】是一款基于jQuery和CSS实现的创新时钟展示效果,它将时间以独特的圆形布局显示,为网页增添视觉吸引力。这个代码实例适用于那些希望在网站上添加个性化时间显示功能的开发者,同时也...

    jQuery创意圆形罗盘时钟特效代码下载.zip

    《jQuery创意圆形罗盘时钟特效代码解析与实践》 在网页设计中,动态效果往往能为用户体验增色不少,而jQuery作为一款强大的JavaScript库,提供了丰富的功能来实现各种复杂的效果。今天我们将深入探讨一个独特且富有...

    jQuery左侧圆形左右按钮多种特效幻灯片.zip

    《jQuery左侧圆形左右按钮多种特效幻灯片》 在网页设计和开发中,动态效果的运用可以提升用户体验,其中幻灯片(Slider)是常见的一种元素。jQuery,一个流行的JavaScript库,提供了丰富的功能和API,使得创建各种...

    jQuery 点阵数字时钟,实时显示日期效果.rar

    《jQuery点阵数字时钟与实时日期显示技术详解》 在网页开发中,为了提升用户体验,经常需要在页面上实时显示当前的时间和日期。jQuery,作为一款强大的JavaScript库,为开发者提供了丰富的API和插件,使得实现这样...

    jQuery环状圆形菜单

    jQuery环状圆形菜单是一种网页交互设计技术,常用于创建具有独特视觉效果的导航菜单。它利用JavaScript库jQuery的强大功能,结合CSS3的动画效果,实现菜单项以圆形布局围绕中心点展示,用户点击时,菜单项能够以动态...

    jQuery创意圆形罗盘时钟代码

    《jQuery创意圆形罗盘时钟代码详解》 在网页设计中,动态且具有创意的元素总能吸引用户的注意力。"jQuery创意圆形罗盘时钟代码"正是这样一款独特的设计,它巧妙地结合了jQuery和CSS3的技术,为用户提供了一种新颖的...

    jQuery MyDigitClock数字时钟插件演示示例

    **jQuery MyDigitClock数字时钟插件**是一个用于网页前端的实用工具,它允许开发者创建具有自定义样式的数字时钟。这个插件基于流行的JavaScript库jQuery构建,旨在为用户提供一个简单而有效的手段来显示实时时间,...

    jquery圆形导航菜单

    **jQuery圆形导航菜单详解** 在Web开发中,创建吸引人的用户界面是至关重要的,而导航菜单作为用户与网站交互的主要入口,其设计和实现尤为重要。本文将深入探讨如何使用jQuery来构建一个美观且功能完善的圆形导航...

    jquery罗盘时钟代码

    【jQuery罗盘时钟代码详解】 在Web开发中,jQuery是一个强大的JavaScript库,它简化了HTML文档遍历、事件处理、动画以及Ajax交互等任务。本篇将详细讲解如何使用jQuery来实现一个罗盘时钟的代码实例。 首先,...

    jquery时钟

    "jQuery时钟"是一个网页应用,它利用JavaScript库jQuery来实现动态显示时间的功能。这个应用可能包含一个HTML页面,用于展示时钟界面,以及CSS样式文件来美化时钟的外观,还有JavaScript脚本来处理时间的更新和显示...

    jQuery显示圆形统计插件circliful

    jQuery circliful是一款非常流行的前端开发插件,用于创建美观且功能丰富的圆形统计图表。它以其简洁的API和丰富的自定义选项而受到开发者们的青睐。本文将深入探讨circliful插件的核心概念、使用方法以及如何在实际...

    jquery圆形小图切换背景图片特效.rar

    jquery圆形小图切换背景图片特效.rar jquery圆形小图切换背景图片特效.rar jquery圆形小图切换背景图片特效.rar jquery圆形小图切换背景图片特效.rar jquery圆形小图切换背景图片特效.rar jquery圆形小图切换背景...

    Bootstrap和jQuery时钟风格插件clockpicker

    clockpicker是一款模仿时钟风格的插件,可使用于bootstrap,也可依赖于jquery库,功能强大,设置简单,可轻松便捷的加入到网站应用中。clockpicker兼容主流浏览器,但在IE8下,样式和行为不够友好。clockpicker可以...

    jQuery时钟插件clockpicker

    clockpicker的核心特性是其圆形设计,这种设计不仅视觉上吸引人,而且符合人们对于时钟的认知习惯。指针时钟的样式模拟了真实世界中的时钟,用户可以通过点击或拖动指针来选择小时和分钟,操作直观且响应迅速。此外...

    jquery circliful圆形统计图插件_html5动画

    jquery circliful圆形统计图插件_html5动画 jquery circliful圆形统计图插件_html5动画 jquery circliful圆形统计图插件_html5动画

Global site tag (gtag.js) - Google Analytics