使用方法：
1、head引入css文件
<!--弹出框样式-->
<link href="css/style.css" rel="stylesheet" type="text/css"/>
<!--布局代码，可无视-->
<style>
html,body{
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
#div1{
width:280px;
height:36px;
border:1px solid #ddd;
margin:20px;
cursor:pointer;
line-height:36px;
padding:0 10px;
}
#div2{
width:280px;
height:36px;
border:1px solid #ddd;
margin:20px;
cursor:pointer;
line-height:36px;
padding:0 10px;
}
</style>
2、head引入js文件
<!--jQuery框架-->
<script src="js/jquery.min.js"></script>
<!--时分选择插件-->
<script src="js/timePacker.js"></script>
3、body引入HTML代码
<div>div容器</div>
<div id="div1"></div>
<div>input容器</div>
<input type="text" id="div2"/>
<!--调用方法-->
<script>
$("#div1").bind('click',function(event){timePacker($(this),event)}); // div框
$("#div2").bind('click',function(event){timePacker($(this),event)}); // input框
</script>
