内容介绍
此作品是非常炫的一个jQuery插件，clockpicker是一款模仿时钟风格的插件，可使用于bootstrap，也可依赖于jquery库，功能强大，设置简单，可轻松便捷的加入到网站应用中。clockpicker兼容主流浏览器，但在IE8下，样式和行为不够友好。clockpicker可以支持移动设备和PC，在触屏设备上也可以很好的工作。所有的主流浏览器都支持，包括IE 9 +。其它外观和行为不够好，在IE 8。
使用方法：
<!-- 引导样式表 -->
<link rel="stylesheet" type="text/css" href="assets/css/bootstrap.min.css">
<!-- ClockPicker样式表 -->
<link rel="stylesheet" type="text/css" href="dist/bootstrap-clockpicker.min.css">
<!-- 输入组，只需添加类“clockpicker'，和可选的数据 -->
<div class="input-group clockpicker" data-placement="right" data-align="top" data-autoclose="true">
<input type="text" class="form-control" value="09:32">
<span class="input-group-addon">
<span class="glyphicon glyphicon-time"></span>
</span>
</div>
<!-- 或者只是一个输入 -->
<input id="demo-input" />
<!-- jQuery和引导脚本 -->
<script type="text/javascript" src="assets/js/jquery.min.js"></script>
<script type="text/javascript" src="assets/js/bootstrap.min.js"></script>
<!-- ClockPicker脚本 -->
<script type="text/javascript" src="dist/bootstrap-clockpicker.min.js"></script>
<script type="text/javascript">
$('.clockpicker').clockpicker()
.find('input').change(function(){
// TODO：时间改变
console.log(this.value);
});
$('#demo-input').clockpicker({
autoclose: true
});
if (something) {
// 手动操作（clockpicker初始化之后）
$('#demo-input').clockpicker('show') //或者隐藏，删除...
.clockpicker('toggleView', 'minutes');
}
</script>
