<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>jQuery点击弹出小时分钟选择代码</title>
<!--弹出框样式-->
<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>
<!--jQuery框架-->
<script src="js/jquery.min.js"></script>
<!--时分选择插件-->
<script src="js/timePacker.js"></script>
</head>
<body>
<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>
</body>
</html>
jQuery点击弹出小时分钟选择代码.zip
版权申诉
43 浏览量
2023-09-22
00:17:33
上传
评论
收藏 37KB ZIP 举报
码云笔记
- 粉丝: 2w+
- 资源: 5852