jQuery ClockPicker round clock

ClockPicker.js is a clock plug-in. In fact, it can be improved. The points in it can be changed to dashes.

Online instance

Instance preview   jQuery ClockPicker round clock

Instructions

  1. <divclass="input-group clockpicker">  
  2.     <inputtype="text"class="form-control"value="09:30">    
  3.     <spanclass="input-group-addon">  
  4.         <spanclass="glyphicon glyphicon-time"></span>  
  5.     </span> 
  6. </div>
  7. $('.clockpicker').clockpicker();
copy

Detailed parameter explanation

parameter describe Defaults
default Default time, 'now' or '13:14' -
placement Prompt position 'left', 'right', 'top' bottom
align Hint arrow position left
donetext Done button text Finish
autoclose Whether to close automatically false
vibrate Show wobble effect when mouse is dragged true
fromnow set from now 0

ClockPicker call method

show show -
hide hide -
remove remove -
toggleView Toggle display of 'hours' or 'minutes' -

 

Guess you like

Origin http://10.200.1.11:23101/article/api/json?id=327037312&siteId=291194637