clock picker jquery

1<div class="input-group clockpicker" data-placement="left" data-align="top" data-autoclose="true">
2	<input type="text" class="form-control" value="13:14">
3	<span class="input-group-addon">
4		<span class="glyphicon glyphicon-time"></span>
5	</span>
6</div>
7<script type="text/javascript">
8$('.clockpicker').clockpicker();
9</script>

1<input type="text" class="form-control" id="single-input" value="" placeholder="现在">
2<script type="text/javascript">
3$('#single-input').clockpicker({
4	placement: 'bottom',
5	align: 'right',
6	autoclose: true,
7	'default': '20:48'
8});
9</script>

1<div class="input-group clockpicker">
2	<input type="text" class="form-control" value="18:00">
3	<span class="input-group-addon">
4		<span class="glyphicon glyphicon-time"></span>
5	</span>
6</div>
7<script type="text/javascript">
8$('.clockpicker').clockpicker({
9	placement: 'top',
10	align: 'left',
11	donetext: 'Done'
12});
13</script>

1<div class="input-group clockpicker">
2	<input type="text" class="form-control" value="09:30">
3	<span class="input-group-addon">
4		<span class="glyphicon glyphicon-time"></span>
5	</span>
6</div>
7<script type="text/javascript">
8$('.clockpicker').clockpicker();
9</script>