求一个可以选择小时,分,秒 的时间控件,谢谢了,急用

解决方案 »

  1.   

    <script type="text/javascript">
    var h = 0;
    var m = 0;
    function ChangeHMAdd(src)
    {
        var hourText = src.parentElement.parentElement.cells[0].children[0]; 
        var miniteText = src.parentElement.parentElement.cells[0].children[2]; 
        
    var hValue = hourText.value;
    var mValue = miniteText.value;
    if (h==0 && m==0)
    {
        h=1;
        m=0;
    }
    if (h=="1")
    {
    if (hValue <23 )
    {
    hValue++;
    }
    hourText.value=hValue;
    hourText.select();
    }
    if (m=="1")
    {
            if (mValue == "")
        {
            mValue = 0;
        }
    if (mValue <59 )
    {
    mValue =parseInt(mValue) + 10;
    }
    if (mValue >= 60)
    {
        mValue = 59;
    }
    miniteText.value=mValue;
    miniteText.select();
    }
    }function ChangeHMSub(obj)
    {
        var hourText = obj.parentElement.parentElement.cells[0].children[0]; 
        var miniteText = obj.parentElement.parentElement.cells[0].children[2]; 
        
    var hValue = hourText.value;
    var mValue = miniteText.value;
        if (h==0 && m==0)
    {
        h=1;
        m=0;
    }
    if (h=="1")
    {
    if (hValue >=1)
    {
    hValue--;
    }
    hourText.value=hValue;
    hourText.select();
    }
    if (m=="1")
    {
       if (mValue == "")
       {
           mValue = 0;
       }
    if (mValue >=1)
    {
    mValue =parseInt(mValue) - 10;
    }
    if (mValue <= -1)
    {
        mValue = 0;
    }
    miniteText.value=mValue;
    miniteText.select();
    }
    }
    function HourClick()
    {
    h = 1;
    m = 0;
    s = 0;
    }
    function MiniteClick()
    {
    m = 1;
    h = 0;
    s = 0;
    }
    function JHshNumberText(obj)
    {
        if ( !((window.event.keyCode >= 48) && (window.event.keyCode <= 57)))
        {
        window.event.keyCode = 0 ;
        }
    }function CheckHourText(obj)
    {
        if (obj.value >=24)
        {
            obj.value= 23;
        }
        if (obj.value =="")
       {
            obj.value = "0";
       }  
    }function CheckMinAndSecText(obj)
    {
        if (obj.value >=60)
        {
            obj.value= 59;
        }
       if (obj.value =="")
       {
            obj.value = "00";
       } 
    }
    </script>
    <table style="width: 69px; height: 1px" cellspacing="0" cellpadding="0" border="0">
        <tr>
            <td valign="middle" align="right" style="height: 20px; width: 197px;">
                <input class="right" id="hourText" onkeypress="JHshNumberText(this);" onkeyup="CheckHourText(this);"
                    style="width: 16px; height: 18px" onclick="HourClick();" type="text" size="1"
                    name="hourText" runat="server" maxlength="2" value="0"><input class="maohao" style="width: 7px;
                        height: 18px" type="text" size="1" readonly="readonly" value=":" name="text"><input
                            class="left" onkeypress="JHshNumberText(this);" onkeyup="CheckMinAndSecText(this);"
                            id="miniteText" style="width: 21px; height: 18px" onclick="MiniteClick();" type="text"
                            size="1" name="miniteText" runat="server" maxlength="2" value="00">
            </td>
            <td valign="middle" align="left" width="24" style="height: 20px">
                <img src="<%=path %>DateUp.gif" id="imageUp" onmousedown="javascript:javascript:this.src='<%=path %>DateUp-s.gif';ChangeHMAdd(this);"
                    onmouseup="javascript:javascript:this.src='<%=path %>DateUp.gif';" style="width: 17px;
                    height: 9px" /><img src="<%=path %>DateDown.gif" onmousedown="javascript:this.src='<%=path %>DateDown-s.gif';ChangeHMSub(this);"
                        onmouseup="javascript:this.src='<%=path %>DateDown.gif';" id="imageDown"
                        style="width: 17px; height: 9px" /></td>
        </tr>
    </table>