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
  • 相关阅读:
    2021年Web开发的7大趋势
    webpack4.0各个击破（9）—— karma篇
    Webpack4.0各个击破（8）tapable篇
    你应该了解的25个JS技巧
    Webpack4.0各个击破（7）plugin篇
    Webpack4.0各个击破（5）module篇
    webpack4.0各个击破（4）—— Javascript & splitChunk
    webpack4.0各个击破（3）—— Assets篇
    10 张图聊聊线程的生命周期和常用 APIs
    新手一看就懂的线程池！
  • 原文地址：https://www.cnblogs.com/kaka8384/p/1506531.html
Copyright © 2011-2022 走看看