2011-03-21 46 views

回答

3

我个人最喜欢的是这个:

http://fgelinas.com/code/timepicker/

这个伟大工程,是非常快一起工作 - 三次点击设置时间。它的写法优雅,代码非常类似于jQuery UI日期选择器的方法和风格。

它以5分钟的增量进行分钟,但是 - 不确定这是否足够满足您的目的。

2

我在我上一个项目中使用了this one,它的功能就像一个魅力。您可以同时使用日期和时间,也可以单独使用它。

-1

我的建议:http://jonthornton.github.io/jquery-timepicker/

这是一个简单的插件使用并可能有所帮助。它支持鼠标和键盘导航。要求是使用Jquery 1.7或最新版本。 用法很简单,因为您所要做的只是包括jquery.timepicker.cssjquery.timepicker.min.js在您的html页面中。 要初始化,您必须致电$('#yourID')。timepicker();

示例如何使用:

包括在头上CSS:

  <link href="jquery.timepicker.css" rel="stylesheet" type="text/css"> 

身体基本结构:

  <form class="yourClass"> 
       <div class="yourClass">Appointment form</div>   
       <div class="form-group"> 
        <label class="yourClass">TIME</label> 
        <div class="yourClass"> 
         <input class="yourClass" type="text" id="yourID"> 
        </div> 
       </div> 
      </form> 

并且不要忘记,包括JavaScript文件:

  <script src="style/js/jquery equal 1.7 or bigger then.js"></script> 
      <script src="style/timepicker/jquery.timepicker.min.js"></script> 

对于最后的附加调用:

  <script>$('#yourID').timepicker();</script> 
+0

虽然这个链接可能回答这个问题,但最好在这里包含答案的重要部分,并提供供参考的链接。如果链接页面更改,则仅链接答案可能会失效。 - [来自评论](/ review/low-quality-posts/10633905) – Drenmi 2015-12-21 04:19:59

+0

感谢您的建议。固定 – Sfl 2015-12-21 05:17:27

相关问题