首页>>Jquery文字>>时间选择 弹出时间 小时和分钟选择(2014-05-25)

时间选择 弹出时间 小时和分钟选择

时间选择 弹出时间 小时和分钟选择
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

XML/HTML Code
  1. <div class="form-group">  
  2.         <h4>Default: </h4>  
  3.         <div class="input-group clockpicker">  
  4.             <input type="text" class="form-control" value="09:30">  
  5.             <span class="input-group-addon">  
  6.                 <span class="glyphicon glyphicon-time"></span>  
  7.             </span>  
  8.         </div>  
  9.           
  10.     </div>  
  11.     <div class="form-group">  
  12.         <h4>Place at left, align the arrow to top, auto close:</h4>  
  13.         <div class="clearfix">  
  14.             <div class="input-group clockpicker pull-center" data-placement="left" data-align="top" data-autoclose="true">  
  15.                 <input type="text" class="form-control" value="13:14">  
  16.                 <span class="input-group-addon">  
  17.                     <span class="glyphicon glyphicon-time"></span>  
  18.                 </span>  
  19.             </div>  
  20.         </div>  
  21.           
  22.     </div>  
  23.     <div class="form-group">  
  24.         <h4>Set options in javascript, instead of <code>data-*</code> :</h4>  
  25.         <div class="input-group clockpicker" data-placement="top" data-align="left" data-donetext="Done">  
  26.             <input type="text" class="form-control" value="18:00">  
  27.             <span class="input-group-addon">  
  28.                 <span class="glyphicon glyphicon-time"></span>  
  29.             </span>  
  30.         </div>  
  31.           
  32.     </div>  
  33.     <div class="form-group">  
  34.         <h4>Set default value, input without addon, and manual operations:</h4>  
  35.         <div class="clearfix">  
  36.             <div class="pull-center clearfix" style="margin-bottom:10px;">  
  37.                 <button type="button" class="btn btn-default pull-right" id="check-minutes">Check the minutes</button>  
  38.                 <input class="form-control pull-right" id="single-input" value="" placeholder="Now" style="width:80px;margin-right:20px;">  
  39.             </div>  
  40.         </div>  
  41.           
  42.     </div>  
  43.   
  44.       
  45.    
  46. </div>  

 


原文地址:http://www.freejs.net/article_jquerywenzi_344.html