代码改变世界

JQuery制作简单选择时间控件

2009-06-19 10:24  Wings dark  阅读(1767)  评论(1)  编辑  收藏  举报

最近在项目中用到的，可以快速的选择小时和分钟

代码如下 

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>

然后是jstime文件：

 

Jstime