最近在项目中用到的,可以快速的选择小时和分钟
代码如下
html页面:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title></title>
<script language="javascript" type="text/javascript" src="/js/jsquery.js"></script>
<script language="javascript" type="text/javascript" src="/js/jstime.js"></script>
<style>
.timepicker{
border: 1px solid #000000;
color: #000000;
padding: 2px;
margin: 0;
background: #EAEFFD;
position: absolute;
text-align: center;
width:140px;
}
.timepicker tr, .timepicker table td {
font-size: 12px;
vertical-align: middle;
text-align: center;
}</style>
</head>
<body>
<form id="form1" runat="server">
<input id="txtTime" readonly="readonly" size="5" type="text" />
<script type="text/javascript">$('#txtTime').timepicker("1");</script>
</form>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title></title>
<script language="javascript" type="text/javascript" src="/js/jsquery.js"></script>
<script language="javascript" type="text/javascript" src="/js/jstime.js"></script>
<style>
.timepicker{
border: 1px solid #000000;
color: #000000;
padding: 2px;
margin: 0;
background: #EAEFFD;
position: absolute;
text-align: center;
width:140px;
}
.timepicker tr, .timepicker table td {
font-size: 12px;
vertical-align: middle;
text-align: center;
}</style>
</head>
<body>
<form id="form1" runat="server">
<input id="txtTime" readonly="readonly" size="5" type="text" />
<script type="text/javascript">$('#txtTime').timepicker("1");</script>
</form>
</body>
</html>
然后是jstime文件:
Jstime