求一有时/分/秒的时间控件

<HTML>
<HEAD><SCRIPT LANGUAGE="JavaScript">
<!--
var ie4=(document.all)?true:false;//browser's typevar currentDate = new Date();var ny,nm,nd;
ny=currentDate.getYear();
    nm=currentDate.getMonth();
    nd=currentDate.getDate();
function toToday(){  //show calendar of today
showCalendar(nm,ny);
}
function init() { //initialize calendar
this.dateField   = opener.dateField;
this.inDate      = dateField.value;
showCalendar(nm,ny);
}
function selectDate() {//change date by select listbox
var month=document.Control.Mchange.selectedIndex;
var year=document.Control.Ychange.selectedIndex+1995;
showCalendar(month,year);
}function preYear() { //click "<<" button
var month=document.Control.Mchange.selectedIndex;
var year=document.Control.Ychange.selectedIndex+1995;
year--;
if(year<1995){year=1995;}
showCalendar(month,year);
}function nextYear() { //click ">>" button
var month=document.Control.Mchange.selectedIndex;
var year=document.Control.Ychange.selectedIndex+1995;
year++;
if(year>2050){year=2050;}
showCalendar(month,year);
}function isRightDate(day,month,year) {//judge the date is right or invalid
var now=new Date();
now.setFullYear(year,month,day);
if(now.getFullYear()>=1995 && now.getFullYear()<=2050){
return true;
}else {
return false;
}
}function preMonth() {
var day=24;
var month=document.Control.Mchange.selectedIndex;
var year=document.Control.Ychange.selectedIndex+1995;
month--;
if(!isRightDate(day,month,year)){month++;}
var now = new Date(year,month,day);
month = now.getMonth();
year = now.getFullYear();
showCalendar(month,year);
}function nextMonth() {
var day=24;
var month=document.Control.Mchange.selectedIndex;
var year=document.Control.Ychange.selectedIndex+1995;
month++;
if(!isRightDate(day,month,year)){month--;}
var now = new Date(year,month,day);
month = now.getMonth();
year = now.getFullYear();
showCalendar(month,year);
}function showCalendar(month,year) {
var Tm = parseInt(month);//change day's type to int
var Ty = parseInt(year);
var now = new Date();
now.setFullYear(Ty,Tm,0);//get how many days in previous month
var daysInPreMonth=now.getDate();
now.setFullYear(Ty,Tm+1,0);//get how many days in month
var daysInMonth=now.getDate();
now.setFullYear(Ty,Tm,1);//set Date by parameter
var wday = now.getDay();//get weekday of this Date
var i = 0;  //index of day button
var nextday = 1; for(i=0;i<wday;i++) {
d = daysInPreMonth - wday + i +1;
document.oneMonth.elements[i].value = d;
document.oneMonth.elements[i].name=Tm - 1;
  if(ie4){
   document.oneMonth.elements[i].style.color="#bbbbbb";
  }
} for(i=wday;i<daysInMonth+wday;i++) {
document.oneMonth.elements[i].value = nextday;
document.oneMonth.elements[i].name=Tm;
  if(ie4){
if(i%7==0||i%7==6){
document.oneMonth.elements[i].style.color="red";
}
else{
document.oneMonth.elements[i].style.color="#112a8f";
}
  }
nextday++;
} nextday=1;
for(i=daysInMonth+wday;i<=41;i++) {
document.oneMonth.elements[i].value = nextday;
document.oneMonth.elements[i].name=Tm+1;
if(ie4){
document.oneMonth.elements[i].style.color="#bbbbbb";
}
nextday++;
} if(Ty==ny && Tm==nm){
document.oneMonth.elements[wday+nd-1].focus();} document.Control.Mchange.selectedIndex=now.getMonth();
document.Control.Ychange.selectedIndex=now.getFullYear()-1995;
}function retDate(inDay,inMonth) {
var day=inDay;
var month=inMonth;
var year=document.Control.Ychange.selectedIndex+1995;
var now = new Date();
var s_week = new String();
var s_month = new String();
var s_st = new String();
now.setFullYear(year,month,day);
yyyy=now.getFullYear();
mm=now.getMonth()+1;
dd=now.getDate();
switch(mm) {
case 1: s_month = "Jan"; break;
case 2: s_month = "Feb"; break;
case 3: s_month = "Mar"; break;
case 4: s_month = "Apr"; break;
case 5: s_month = "May"; break;
case 6: s_month = "Jun"; break;
case 7: s_month = "Jul"; break;
case 8: s_month = "Aug"; break;
case 9: s_month = "Sep"; break;
case 10:s_month = "Oct"; break;
case 11:s_month = "Nov"; break;
case 12:s_month = "Dec"; break;
}
if((""+dd).length == 1){dd = "0"+dd;}
if((""+mm).length == 1){mm = "0"+mm;}
dateField.value = yyyy+"/"+mm+"/"+dd+":"+Control.SelHour.value+":"+Control.SelMinute.value+":00";
window.returnValue = yyyy+"/"+mm+"/"+dd+":"+Control.SelHour.value+":"+Control.SelMinute.value+":00"; //dateField.value = dd+"-"+mm+"-"+yyyy;
//window.returnValue = dd+"-"+mm+"-"+yyyy; window.close();
}//-->
</SCRIPT><TITLE>日历</TITLE>
</HEAD>
<BODY onload="init()"><DIV align=center><TABLE align=center CELLPADDING=0 CELLSPACING=0 BORDER=0>
<FORM name="Control">
    <TBODY><TR><TD COLSPAN=7 ALIGN=middle>
年<SELECT name="Ychange" onchange='selectDate()' style="FONT-SIZE: 14px">
<OPTION value=1995>1995
<OPTION value=1996>1996
<OPTION value=1997>1997
<OPTION value=1998>1998
<OPTION value=1999>1999
<OPTION value=2000>2000
<OPTION value=2001>2001
<OPTION value=2002>2002
<OPTION value=2003>2003
<OPTION value=2004>2004
<OPTION value=2005>2005
<OPTION value=2006>2006
<OPTION value=2007>2007
<OPTION value=2008>2008
<OPTION value=2009>2009
<OPTION value=2010>2010
<OPTION value=2011>2011
<OPTION value=2012>2012
<OPTION value=2013>2013
<OPTION value=2014>2014
<OPTION value=2015>2015
<OPTION value=2016>2016
<OPTION value=2017>2017
<OPTION value=2018>2018
<OPTION value=2019>2019
<OPTION value=2020>2020
<OPTION value=2021>2021
<OPTION value=2022>2022
<OPTION value=2023>2023
<OPTION value=2024>2024
<OPTION value=2025>2025
<OPTION value=2026>2026
<OPTION value=2027>2027
<OPTION value=2028>2028
<OPTION value=2029>2029
<OPTION value=2030>2030
<OPTION value=2031>2031
<OPTION value=2032>2032
<OPTION value=2033>2033
<OPTION value=2034>2034
<OPTION value=2035>2035
<OPTION value=2036>2036
<OPTION value=2037>2037
<OPTION value=2038>2038
<OPTION value=2039>2039
<OPTION value=2040>2040
<OPTION value=2041>2041
<OPTION value=2042>2042
<OPTION value=2043>2043
<OPTION value=2044>2044
<OPTION value=2045>2045
<OPTION value=2046>2046
<OPTION value=2047>2047
<OPTION value=2048>2048
<OPTION value=2049>2049
<OPTION value=2050>2050
</SELECT>

解决方案 »

  1.   

    月<SELECT name="Mchange" onchange='selectDate()' style="FONT-SIZE: 14px">
    <OPTION value=0>一
    <OPTION value=1>二
    <OPTION value=2>三
    <OPTION value=3>四
    <OPTION value=4>五
    <OPTION value=5>六
    <OPTION value=6>七
    <OPTION value=7>八
    <OPTION value=8>九
    <OPTION value=9>十
    <OPTION value=10>十一
    <OPTION value=11>十二</font>
    </SELECT>
    <br>
    时<SELECT name=SelHour>
        <OPTION value=00>00</OPTION>
        <OPTION value=01>01</OPTION>
    <OPTION value=02>02</OPTION>
    <OPTION value=03>03</OPTION>
    <OPTION value=04>04</OPTION>
    <OPTION value=05>05</OPTION>
    <OPTION value=06>06</OPTION>
    <OPTION value=07>07</OPTION>
    <OPTION value=08>08</OPTION>
    <OPTION value=09>09</OPTION>
    <OPTION value=10>10</OPTION>
    <OPTION value=11>11</OPTION>
    <OPTION value=12>12</OPTION>
    <OPTION value=13>13</OPTION>
    <OPTION value=14>14</OPTION>
    <OPTION value=15>15</OPTION>
    <OPTION value=16>16</OPTION>
    <OPTION value=17>17</OPTION>
    <OPTION value=18>18</OPTION>
    <OPTION value=19>19</OPTION>
    <OPTION value=20>20</OPTION>
    <OPTION value=21>21</OPTION>
    <OPTION value=22>22</OPTION>
    <OPTION value=23>23</OPTION>
    </SELECT>
    分<SELECT name=SelMinute>
        <OPTION value=00>00</OPTION>
        <OPTION value=01>01</OPTION>
    <OPTION value=02>02</OPTION>
    <OPTION value=03>03</OPTION>
    <OPTION value=04>04</OPTION>
    <OPTION value=05>05</OPTION>
    <OPTION value=06>06</OPTION>
    <OPTION value=07>07</OPTION>
    <OPTION value=08>08</OPTION>
    <OPTION value=09>09</OPTION>
    <OPTION value=10>10</OPTION>
    <OPTION value=11>11</OPTION>
    <OPTION value=12>12</OPTION>
    <OPTION value=13>13</OPTION>
    <OPTION value=14>14</OPTION>
    <OPTION value=15>15</OPTION>
    <OPTION value=16>16</OPTION>
    <OPTION value=17>17</OPTION>
    <OPTION value=18>18</OPTION>
    <OPTION value=19>19</OPTION>
    <OPTION value=20>20</OPTION>
    <OPTION value=21>21</OPTION>
    <OPTION value=22>22</OPTION>
    <OPTION value=23>23</OPTION>
    <OPTION value=24>24</OPTION>
    <OPTION value=25>25</OPTION>
    <OPTION value=26>26</OPTION>
    <OPTION value=27>27</OPTION>
    <OPTION value=28>28</OPTION>
    <OPTION value=29>29</OPTION>
    <OPTION value=30>30</OPTION>
    <OPTION value=31>31</OPTION>
    <OPTION value=32>32</OPTION>
    <OPTION value=33>33</OPTION>
    <OPTION value=34>34</OPTION>
    <OPTION value=35>35</OPTION>
    <OPTION value=36>36</OPTION>
    <OPTION value=37>37</OPTION>
    <OPTION value=38>38</OPTION>
    <OPTION value=39>39</OPTION>
    <OPTION value=40>40</OPTION>
    <OPTION value=41>41</OPTION>
    <OPTION value=42>42</OPTION>
    <OPTION value=43>43</OPTION>
    <OPTION value=44>44</OPTION>
    <OPTION value=45>45</OPTION>
    <OPTION value=46>46</OPTION>
    <OPTION value=47>47</OPTION>
    <OPTION value=48>48</OPTION>
    <OPTION value=49>49</OPTION>
    <OPTION value=50>50</OPTION>
    <OPTION value=51>51</OPTION>
    <OPTION value=52>52</OPTION>
    <OPTION value=53>53</OPTION>
    <OPTION value=54>54</OPTION>
    <OPTION value=55>55</OPTION>
    <OPTION value=56>56</OPTION>
    <OPTION value=57>57</OPTION>
    <OPTION value=58>58</OPTION>
    <OPTION value=59>59</OPTION>
    </SELECT>
    <br>
    </TD></TR>
    <TR><TD COLSPAN=7 ALIGN=middle>
    <INPUT type="button" value=&lt;&lt; onclick='preYear()' name=changeDate style="background-color: rgb(208,239,255); FONT-SIZE: 13px" title="pre-year"><INPUT type="button" value=" < " onclick='preMonth()' name=changeDate style="background-color: rgb(208,239,255); FONT-SIZE: 13px" title="pre-month"><INPUT type="button" value="今天" onclick='toToday()' name=changeDate style="background-color: rgb(208,239,255); FONT-SIZE: 13px" title="to today"><INPUT type="button" value=" > " onclick='nextMonth()' name=changeDate style="background-color: rgb(208,239,255); FONT-SIZE: 13px" title="next month"><INPUT type="button" value=">>" onclick='nextYear()' name=changeDate style="background-color: rgb(208,239,255); FONT-SIZE: 13px" title="next year"></TD></TR>
    </FORM></TBODY>
    <FORM action="" method=post name=oneMonth>
        <TBODY>
    <TR><TD><CENTER><FONT SIZE=1 FACE="Arial" color=rgb(255,0,120)>日</FONT></CENTER></TD>
        <TD><CENTER><FONT SIZE=1 FACE="Arial" color=rgb(16,42,143)>一</FONT></CENTER></TD>
        <TD><CENTER><FONT SIZE=1 FACE="Arial" color=rgb(16,42,143)>二</FONT></CENTER></TD>
        <TD><CENTER><FONT SIZE=1 FACE="Arial" color=rgb(16,42,143)>三</FONT></CENTER></TD>
        <TD><CENTER><FONT SIZE=1 FACE="Arial" color=rgb(16,42,143)>四</FONT></CENTER></TD>
        <TD><CENTER><FONT SIZE=1 FACE="Arial" color=rgb(16,42,143)>五</FONT></CENTER></TD>
        <TD><CENTER><FONT SIZE=1 FACE="Arial" color=rgb(255,0,120)>六</FONT></CENTER></TD></TR>
      

  2.   


    <TR><TD><INPUT TYPE="button" value="    " onClick="retDate(this.value,this.name)" style="background-color: rgb(208,239,255); COLOR: red; FONT-SIZE: 15px; WIDTH: 25px" name=button1></TD>
        <TD><INPUT TYPE="button" value="    " onClick="retDate(this.value,this.name)" style="background-color: rgb(208,239,255); COLOR: rgb(16,42,143); FONT-SIZE: 15px; WIDTH: 25px" name=button2></TD>
        <TD><INPUT TYPE="button" value="    " onClick="retDate(this.value,this.name)" style="background-color: rgb(208,239,255); COLOR: rgb(16,42,143); FONT-SIZE: 15px; WIDTH: 25px" name=button3></TD>
        <TD><INPUT TYPE="button" value="    " onClick="retDate(this.value,this.name)" style="background-color: rgb(208,239,255); COLOR: rgb(16,42,143); FONT-SIZE: 15px; WIDTH: 25px" name=button4></TD>
        <TD><INPUT TYPE="button" value="    " onClick="retDate(this.value,this.name)" style="background-color: rgb(208,239,255); COLOR: rgb(16,42,143); FONT-SIZE: 15px; WIDTH: 25px" name=button5></TD>
        <TD><INPUT TYPE="button" value="    " onClick="retDate(this.value,this.name)" style="background-color: rgb(208,239,255); COLOR: rgb(16,42,143); FONT-SIZE: 15px; WIDTH: 25px" name=button6></TD>
        <TD><INPUT TYPE="button" value="    " onClick="retDate(this.value,this.name)" style="background-color: rgb(208,239,255); COLOR: red; FONT-SIZE: 15px; WIDTH: 25px" name=button7></TD></TR><TR><TD><INPUT TYPE="button" value="    " onClick="retDate(this.value,this.name)" style="background-color: rgb(208,239,255); COLOR: red; FONT-SIZE: 15px; WIDTH: 25px" name=button8></TD>
        <TD><INPUT TYPE="button" value="    " onClick="retDate(this.value,this.name)" style="background-color: rgb(208,239,255); COLOR: rgb(16,42,143); FONT-SIZE: 15px; WIDTH: 25px" name=button9></TD>
        <TD><INPUT TYPE="button" value="    " onClick="retDate(this.value,this.name)" style="background-color: rgb(208,239,255); COLOR: rgb(16,42,143); FONT-SIZE: 15px; WIDTH: 25px" name=button10></TD>
        <TD><INPUT TYPE="button" value="    " onClick="retDate(this.value,this.name)" style="background-color: rgb(208,239,255); COLOR: rgb(16,42,143); FONT-SIZE: 15px; WIDTH: 25px" name=button11></TD>
        <TD><INPUT TYPE="button" value="    " onClick="retDate(this.value,this.name)" style="background-color: rgb(208,239,255); COLOR: rgb(16,42,143); FONT-SIZE: 15px; WIDTH: 25px" name=button12></TD>
        <TD><INPUT TYPE="button" value="    " onClick="retDate(this.value,this.name)" style="background-color: rgb(208,239,255); COLOR: rgb(16,42,143); FONT-SIZE: 15px; WIDTH: 25px" name=button13></TD>
        <TD><INPUT TYPE="button" value="    " onClick="retDate(this.value,this.name)" style="background-color: rgb(208,239,255); COLOR: red; FONT-SIZE: 15px; WIDTH: 25px" name=button14></TD></TR><TR><TD><INPUT TYPE="button" value="    " onClick="retDate(this.value,this.name)" style="background-color: rgb(208,239,255); COLOR: red; FONT-SIZE: 15px; WIDTH: 25px" name=button15></TD>
        <TD><INPUT TYPE="button" value="    " onClick="retDate(this.value,this.name)" style="background-color: rgb(208,239,255); COLOR: rgb(16,42,143); FONT-SIZE: 15px; WIDTH: 25px" name=button16></TD>
        <TD><INPUT TYPE="button" value="    " onClick="retDate(this.value,this.name)" style="background-color: rgb(208,239,255); COLOR: rgb(16,42,143); FONT-SIZE: 15px; WIDTH: 25px" name=button17></TD>
        <TD><INPUT TYPE="button" value="    " onClick="retDate(this.value,this.name)" style="background-color: rgb(208,239,255); COLOR: rgb(16,42,143); FONT-SIZE: 15px; WIDTH: 25px" name=button18></TD>
        <TD><INPUT TYPE="button" value="    " onClick="retDate(this.value,this.name)" style="background-color: rgb(208,239,255); COLOR: rgb(16,42,143); FONT-SIZE: 15px; WIDTH: 25px" name=button19></TD>
        <TD><INPUT TYPE="button" value="    " onClick="retDate(this.value,this.name)" style="background-color: rgb(208,239,255); COLOR: rgb(16,42,143); FONT-SIZE: 15px; WIDTH: 25px" name=button20></TD>
        <TD><INPUT TYPE="button" value="    " onClick="retDate(this.value,this.name)" style="background-color: rgb(208,239,255); COLOR: red; FONT-SIZE: 15px; WIDTH: 25px" name=button21></TD></TR><TR><TD><INPUT TYPE="button" value="    " onClick="retDate(this.value,this.name)" style="background-color: rgb(208,239,255); COLOR: red; FONT-SIZE: 15px; WIDTH: 25px" name=button22></TD>
      

  3.   

    http://www.blueidea.com/bbs/NewsDetail.asp?id=1411794
    http://www.blueidea.com/bbs/newsdetail.asp?id=1409851