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
- <divclass="input-group clockpicker">
- <inputtype="text"class="form-control"value="09:30">
- <spanclass="input-group-addon">
- <spanclass="glyphicon glyphicon-time"></span>
- </span>
- </div>
- $('.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' | - |