您好,欢迎来到源码搜藏!分享精神,快乐你我!提示:担心找不到本站?在百度搜索“源码搜藏”,网址永远不丢失!
  • 首 页
  • 在线工具
  • 当前位置:首页 > 网页特效 > jQuery特效 >

    jQuery时钟插件clockpicker

    时间:2014-05-16 00:09 来源:互联网 作者:源码搜藏 浏览:收藏 挑错 推荐 打印

    效果预览 进入下载地址列表
    jQuery时钟插件clockpickerjQuery时钟插件clockpicker是一款圆形好看的jQuery时钟特效插件。jquery时钟插件指针时钟jQuery插件

    <script type="text/javascript" src="assets/js/jquery.min.js"></script>
    <script type="text/javascript" src="assets/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="dist/bootstrap-clockpicker.min.js"></script>
    <script type="text/javascript">
    $('.clockpicker').clockpicker()
    .find('input').change(function(){
    console.log(this.value);
    });
    var input = $('#single-input').clockpicker({
    placement: 'bottom',
    align: 'left',
    autoclose: true,
    'default': 'now'
    });
     
    // Manually toggle to the minutes view
    $('#check-minutes').click(function(e){
    // Have to stop propagation here
    e.stopPropagation();
    input.clockpicker('show')
    .clockpicker('toggleView', 'minutes');
    });
    if (/mobile/i.test(navigator.userAgent)) {
    $('input').prop('readOnly', true);
    }
    </script>
    <script type="text/javascript" src="assets/js/highlight.min.js"></script>
    <script type="text/javascript">
    hljs.configure({tabReplace: '    '});
    hljs.initHighlightingOnLoad();
    </script>
    jQuery时钟插件clockpicker由源码搜藏网整理,转载请注明出处http://www.codesocang.com/texiao/jQuerytexiao/7712.html 源码搜藏承诺:本站所有资源无病毒,无弹窗,无干扰链接!