zoukankan      html  css  js  c++  java

  • JQuery制作简单选择时间控件

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

    代码如下 

    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
  • 相关阅读:
    第一次作业
    第四次作业
    第五次作业《构建之法》心得体会
    第三次作业
    第二次作业
    第一次作业
    个人简介
    读《构建之法》有感
    第四次博客园作业（2）
    第四次博客园作业（1）
  • 原文地址：https://www.cnblogs.com/kaka8384/p/1506531.html
Copyright © 2011-2022 走看看