求js时间控件，不带日期的！

Question

各位谁有JS写的时间控件，不带日期的，麻烦各位了！

Answer 1

http://www.my97.net/dp/index.asp

Answer 2

如果不需要日期，把日期去掉就好了
<script>
function UncCalendar (sName, sDate) 
{ 
///////////////////////////////////////////////////////////////////////// 
//定义UncCalendar对象的属性并赋默认值。 
//inputValue属性的值为"today"时表示（客户机）当前日期。 
//直接在这里把默认值修改成你想要的，使用时你就什么也不用设置了。 
this.inputName = sName || "uncDate"; 
this.inputValue = sDate || ""; 
this.inputSize = 10; 
this.inputClass = ""; 
this.color = "#333333"; 
this.bgColor = "#EEEEEE"; 
this.buttonWidth = 60; 
this.buttonWords = "选择日期"; 
this.canEdits = true; 
this.hidesSelects = true; 
///////////////////////////////////////////////////////////////////////// ///////////////////////////////////////////////////////////////////////// 
//定义display方法。 
this.display = function () 
{ 
var reDate = /^(19[7-9]\d|20[0-5]\d)\-(0?\d|1[0-2])\-([0-2]?\d|3[01])$/; 
if (reDate.test(this.inputValue)) 
{ 
var dates = this.inputValue.split("-"); 
var year = parseInt(dates[0], 10); 
var month = parseInt(dates[1], 10); 
var mday = parseInt(dates[2], 10); 
} 
else 
{ 
var today = new Date(); 
var year = today.getFullYear(); 
var month = today.getMonth()+1; 
var mday = today.getDate(); 
} 
if (this.inputValue == "today") 
inputValue = year + "-" + month + "-" + mday; 
else 
inputValue = this.inputValue; 
var lastDay = new Date(year, month, 0); 
lastDay = lastDay.getDate(); 
var firstDay = new Date(year, month-1, 1); 
firstDay = firstDay.getDay(); var btnBorder = 
"border-left:1px solid " + this.color + ";" + 
"border-right:1px solid " + this.color + ";" + 
"border-top:1px solid " + this.color + ";" + 
"border-bottom:1px solid " + this.color + ";"; 
var btnStyle = 
"padding-top:3px;cursor:default;width:" + this.buttonWidth + "px;text-align:center;height:18px;top:-9px;" + 
"font:normal 12px 宋体;position:absolute;z-index:99;background-color:" + this.bgColor + ";" + 
"line-height:12px;" + btnBorder + "color:" + this.color + ";"; 
var boardStyle = 
"position:absolute;width:1px;height:1px;background:" + this.bgColor + ";top:8px;border:1px solid "+ 
this.color + ";display:none;padding:3px;"; 
var buttonEvent = 
" onmouseover=\"this.childNodes[0].style.borderBottom='0px';" + 
"this.childNodes[1].style.display='';this.style.zIndex=100;" + 
(this.hidesSelects ? 
"var slts=document.getElementsByTagName('SELECT');" + 
"for(var i=0;i<slts.length;i++)slts[i].style.visibility='hidden';" 
: "") + "\"" + 
" onmouseout=\"this.childNodes[0].style.borderBottom='1px solid " + this.color + "';" + 
"this.childNodes[1].style.display='none';this.style.zIndex=99;" + 
(this.hidesSelects ? 
"var slts=document.getElementsByTagName('SELECT');" + 
"for(var i=0;i<slts.length;i++)slts[i].style.visibility='';" 
: "") + "\"" + 
" onselectstart=\"return false;\""; 
var mdayStyle = "font:normal 9px Verdana,Arial,宋体;line-height:12px;cursor:default;color:" + this.color; 
var weekStyle = "font:normal 12px 宋体;line-height:15px;cursor:default;color:" + this.color; 
var arrowStyle = "font:bold 7px Verdana,宋体;cursor:hand;line-height:16px;color:" + this.color; 
var ymStyle = "font:bold 12px 宋体;line-height:16px;cursor:default;color:" + this.color; 
var changeMdays = 
"var year=parseInt(this.parentNode.cells[2].childNodes[0].innerText);" + 
"var month=parseInt(this.parentNode.cells[2].childNodes[2].innerText);" + 
"var firstDay=new Date(year,month-1,1);firstDay=firstDay.getDay();" + 
"var lastDay=new Date(year,month,0);lastDay=lastDay.getDate();" + 
"var tab=this.parentNode.parentNode, day=1;" + 
"for(var row=2;row<8;row++)" + 
" for(var col=0;col<7;col++){" + 
" if(row==2&&col<firstDay){" + 
" tab.rows[row].cells[col].innerHTML=' ';" + 
" tab.rows[row].cells[col].isDay=0;}" + 
" else if(day<=lastDay){" + 
" tab.rows[row].cells[col].innerHTML=day;" + 
" tab.rows[row].cells[col].isDay=1;day++;}" + 
" else{" + 
" tab.rows[row].cells[col].innerHTML='';" + 
" tab.rows[row].cells[col].isDay=0;}" + 
" }"; 
var pyEvent = 
" onclick=\"var y=this.parentNode.cells[2].childNodes[0];y.innerText=parseInt(y.innerText)-1;" + 
changeMdays + "\""; 
var pmEvent = 
" onclick=\"var y=this.parentNode.cells[2].childNodes[0];m=this.parentNode.cells[2].childNodes[2];" + 
"m.innerText=parseInt(m.innerText)-1;if(m.innerText=='0'){m.innerText=12;y.innerText=" + 
"parseInt(y.innerText)-1;}" + changeMdays + "\""; 
var nmEvent = 
" onclick=\"var y=this.parentNode.cells[2].childNodes[0];m=this.parentNode.cells[2].childNodes[2];" + 
"m.innerText=parseInt(m.innerText)+1;if(m.innerText=='13'){m.innerText=1;y.innerText=" + 
"parseInt(y.innerText)+1;}" + changeMdays + "\""; 
var nyEvent = 
" onclick=\"var y=this.parentNode.cells[2].childNodes[0];y.innerText=parseInt(y.innerText)+1;" + 
changeMdays + "\""; 
var mdayEvent = 
" onmouseover=\"if(event.srcElement.tagName=='TD'&&event.srcElement.isDay){" + 
"event.srcElement.style.backgroundColor='" + this.color + "';" + 
"event.srcElement.style.color='" + this.bgColor + "';" + 
"event.srcElement.style.cursor='hand';" + 
"var ym=event.srcElement.parentNode.parentNode.rows[0].cells[2].childNodes;" + 
"event.srcElement.title=ym[0].innerText+'-'+ym[2].innerText+'-'+event.srcElement.innerText;}\"" + 
" onmouseout=\"if(event.srcElement.tagName=='TD'&&event.srcElement.isDay){" + 
"event.srcElement.style.backgroundColor='" + this.bgColor + "';" + 
"event.srcElement.style.color='" + this.color + "';" + 
"event.srcElement.style.cursor='default';" + 
"var ym=event.srcElement.parentNode.parentNode.rows[0].cells[2].childNodes;" + 
"event.srcElement.title=ym[0].innerText+'-'+ym[2].innerText+'-'+event.srcElement.innerText;}\"" + 
" onclick=\"if(event.srcElement.tagName=='TD'&&event.srcElement.isDay){" + 
"var inp=this.parentNode.parentNode.parentNode.previousSibling.childNodes[0];" + 
"inp.value=this.rows[0].cells[2].childNodes[0].innerText+'-'+this.rows[0].cells[2].childNodes[2]." + 
"innerText+'-'+event.srcElement.innerText;" + 
"this.parentNode.style.display='none';this.parentNode.parentNode.style.zIndex=99;" + 
"this.parentNode.previousSibling.style.borderBottom='1px solid " + this.color + "';" + 
(this.hidesSelects ? 
"var slts=document.getElementsByTagName('SELECT');" + 
"for(var i=0;i<slts.length;i++)slts[i].style.visibility='';" 
: "") + "}\""; var output = ""; 
output += "<table cellpadding=0 cellspacing=1 style='display:inline;'><tr>"; 
output += " <td><input size=" + this.inputSize + " maxlength=10 value=\"" + inputValue + "\""; 
output += (this.canEdits ? "" : " readonly") + " name=\"" + this.inputName + "\"></td>"; 
output += " <td width=" + this.buttonWidth + ">"; 
output += " <div style=\"position:absolute;overflow:visible;width:0px;height:0px;\"" + buttonEvent + ">"; 
output += " <div style=\"" + btnStyle + "\"><nobr>" + this.buttonWords + "</nobr></div>"; 
output += " <div style=\"" + boardStyle + "\">"; 
output += " <table cellspacing=1 cellpadding=1 width=175" + mdayEvent + ">"; 
output += " <tr height=20 align=center>"; 
output += " <td style=\"" + arrowStyle + "\" title=\"上一年\"" + pyEvent + "><<</td>"; 
output += " <td style=\"" + arrowStyle + "\" align=left title=\"上个月\"" + pmEvent + "><</td>"; 
output += " <td colspan=3 style=\"" + ymStyle + "\" valign=bottom>"; 
output += " <span>" + year + "</span><span>年</span><span>" + month + "</span><span>月</span>"; 
output += " </td>"; 
output += " <td style=\"" + arrowStyle + "\" align=right title=\"下个月\"" + nmEvent + ">></td>"; 
output += " <td style=\"" + arrowStyle + "\" title=\"下一年\"" + nyEvent + ">>></td>"; 
output += " </tr>"; 
output += " <tr height=20 align=center bgcolor=" + this.bgColor + ">"; 
output += " <td width=14% style=\"" + weekStyle + "\">日</td>"; 
output += " <td width=14% style=\"" + weekStyle + "\">一</td>"; 
output += " <td width=14% style=\"" + weekStyle + "\">二</td>"; 
output += " <td width=14% style=\"" + weekStyle + "\">三</td>"; 
output += " <td width=14% style=\"" + weekStyle + "\">四</td>"; 
output += " <td width=14% style=\"" + weekStyle + "\">五</td>"; 
output += " <td width=14% style=\"" + weekStyle + "\">六</td>"; 
output += " </tr>"; 
var day = 1; 
for (var row=0; row<6; row++) 
{ 
output += "<tr align=center>"; 
for (var col=0; col<7; col++) 
{ 
if (row == 0 && col < firstDay) 
output += "<td style=\"" + mdayStyle + "\"> </td>"; 
else if (day <= lastDay) 
{ 
output += "<td style=\"" + mdayStyle + "\" isDay=1>" + day + "</td>"; 
day++; 
} 
else 
output += "<td style=\"" + mdayStyle + "\"></td>"; 
} 
output += "</tr>"; 
} 
output += " </table>"; 
output += " </div>"; 
output += " </div>"; 
output += " </td>"; 
output += "</tr></table>"; 
document.write(output); 
} 
///////////////////////////////////////////////////////////////////////// 
}</script>
<script language=javascript>
//拿过来就可以用，很简单。
//实例化时第一个参数是input的name；第二个参数是value，设为"today"就是当天。
   var date1 = new UncCalendar ("date", "2008-08-08");
   date1.display();
</script>
<br><br>
<script language=javascript>
//有一些属性，可以灵活的定制。
//事实上直接到uc.js中修改默认属性值使用起来会更方便一些，里面有注释。
   var date2 = new UncCalendar ();
   date2.inputName = "date"; //input的name。
   date2.inputValue = "today";   //你会看到，input中将显示客户机系统当前时间。
   date2.inputSize = 10;   //input的size
   date2.inputClass = "";   //input的class，这样你就能自己控制input的样式。
   date2.color = "#000080";   //选择按钮、面板的边框以及日历中字的颜色。
   date2.bgColor = "#EEEEFF";   //选择按钮、面板的背景色。
   date2.buttonWidth = 60;   //按钮宽度
   date2.buttonWords = "选择日期";   //按钮显示的文字。
   date2.canEdits = false;   //input是否可以输入
   date2.hidesSelects = true;   //显增日期选择面板时是否隐藏页面中的select控件。
   date2.display();
</script>

Answer 3

如果不需要日期，把日期去掉就好了
<script>
function UncCalendar (sName, sDate) 
{ 
///////////////////////////////////////////////////////////////////////// 
//定义UncCalendar对象的属性并赋默认值。 
//inputValue属性的值为"today"时表示（客户机）当前日期。 
//直接在这里把默认值修改成你想要的，使用时你就什么也不用设置了。 
this.inputName = sName || "uncDate"; 
this.inputValue = sDate || ""; 
this.inputSize = 10; 
this.inputClass = ""; 
this.color = "#333333"; 
this.bgColor = "#EEEEEE"; 
this.buttonWidth = 60; 
this.buttonWords = "选择日期"; 
this.canEdits = true; 
this.hidesSelects = true; 
///////////////////////////////////////////////////////////////////////// ///////////////////////////////////////////////////////////////////////// 
//定义display方法。 
this.display = function () 
{ 
var reDate = /^(19[7-9]\d|20[0-5]\d)\-(0?\d|1[0-2])\-([0-2]?\d|3[01])$/; 
if (reDate.test(this.inputValue)) 
{ 
var dates = this.inputValue.split("-"); 
var year = parseInt(dates[0], 10); 
var month = parseInt(dates[1], 10); 
var mday = parseInt(dates[2], 10); 
} 
else 
{ 
var today = new Date(); 
var year = today.getFullYear(); 
var month = today.getMonth()+1; 
var mday = today.getDate(); 
} 
if (this.inputValue == "today") 
inputValue = year + "-" + month + "-" + mday; 
else 
inputValue = this.inputValue; 
var lastDay = new Date(year, month, 0); 
lastDay = lastDay.getDate(); 
var firstDay = new Date(year, month-1, 1); 
firstDay = firstDay.getDay(); var btnBorder = 
"border-left:1px solid " + this.color + ";" + 
"border-right:1px solid " + this.color + ";" + 
"border-top:1px solid " + this.color + ";" + 
"border-bottom:1px solid " + this.color + ";"; 
var btnStyle = 
"padding-top:3px;cursor:default;width:" + this.buttonWidth + "px;text-align:center;height:18px;top:-9px;" + 
"font:normal 12px 宋体;position:absolute;z-index:99;background-color:" + this.bgColor + ";" + 
"line-height:12px;" + btnBorder + "color:" + this.color + ";"; 
var boardStyle = 
"position:absolute;width:1px;height:1px;background:" + this.bgColor + ";top:8px;border:1px solid "+ 
this.color + ";display:none;padding:3px;"; 
var buttonEvent = 
" onmouseover=\"this.childNodes[0].style.borderBottom='0px';" + 
"this.childNodes[1].style.display='';this.style.zIndex=100;" + 
(this.hidesSelects ? 
"var slts=document.getElementsByTagName('SELECT');" + 
"for(var i=0;i<slts.length;i++)slts[i].style.visibility='hidden';" 
: "") + "\"" + 
" onmouseout=\"this.childNodes[0].style.borderBottom='1px solid " + this.color + "';" + 
"this.childNodes[1].style.display='none';this.style.zIndex=99;" + 
(this.hidesSelects ? 
"var slts=document.getElementsByTagName('SELECT');" + 
"for(var i=0;i<slts.length;i++)slts[i].style.visibility='';" 
: "") + "\"" + 
" onselectstart=\"return false;\""; 
var mdayStyle = "font:normal 9px Verdana,Arial,宋体;line-height:12px;cursor:default;color:" + this.color; 
var weekStyle = "font:normal 12px 宋体;line-height:15px;cursor:default;color:" + this.color; 
var arrowStyle = "font:bold 7px Verdana,宋体;cursor:hand;line-height:16px;color:" + this.color; 
var ymStyle = "font:bold 12px 宋体;line-height:16px;cursor:default;color:" + this.color; 
var changeMdays = 
"var year=parseInt(this.parentNode.cells[2].childNodes[0].innerText);" + 
"var month=parseInt(this.parentNode.cells[2].childNodes[2].innerText);" + 
"var firstDay=new Date(year,month-1,1);firstDay=firstDay.getDay();" + 
"var lastDay=new Date(year,month,0);lastDay=lastDay.getDate();" + 
"var tab=this.parentNode.parentNode, day=1;" + 
"for(var row=2;row<8;row++)" + 
" for(var col=0;col<7;col++){" + 
" if(row==2&&col<firstDay){" + 
" tab.rows[row].cells[col].innerHTML=' ';" + 
" tab.rows[row].cells[col].isDay=0;}" + 
" else if(day<=lastDay){" + 
" tab.rows[row].cells[col].innerHTML=day;" + 
" tab.rows[row].cells[col].isDay=1;day++;}" + 
" else{" + 
" tab.rows[row].cells[col].innerHTML='';" + 
" tab.rows[row].cells[col].isDay=0;}" + 
" }"; 
var pyEvent = 
" onclick=\"var y=this.parentNode.cells[2].childNodes[0];y.innerText=parseInt(y.innerText)-1;" + 
changeMdays + "\""; 
var pmEvent = 
" onclick=\"var y=this.parentNode.cells[2].childNodes[0];m=this.parentNode.cells[2].childNodes[2];" + 
"m.innerText=parseInt(m.innerText)-1;if(m.innerText=='0'){m.innerText=12;y.innerText=" + 
"parseInt(y.innerText)-1;}" + changeMdays + "\""; 
var nmEvent = 
" onclick=\"var y=this.parentNode.cells[2].childNodes[0];m=this.parentNode.cells[2].childNodes[2];" + 
"m.innerText=parseInt(m.innerText)+1;if(m.innerText=='13'){m.innerText=1;y.innerText=" + 
"parseInt(y.innerText)+1;}" + changeMdays + "\""; 
var nyEvent = 
" onclick=\"var y=this.parentNode.cells[2].childNodes[0];y.innerText=parseInt(y.innerText)+1;" + 
changeMdays + "\""; 
var mdayEvent = 
" onmouseover=\"if(event.srcElement.tagName=='TD'&&event.srcElement.isDay){" + 
"event.srcElement.style.backgroundColor='" + this.color + "';" + 
"event.srcElement.style.color='" + this.bgColor + "';" + 
"event.srcElement.style.cursor='hand';" + 
"var ym=event.srcElement.parentNode.parentNode.rows[0].cells[2].childNodes;" + 
"event.srcElement.title=ym[0].innerText+'-'+ym[2].innerText+'-'+event.srcElement.innerText;}\"" + 
" onmouseout=\"if(event.srcElement.tagName=='TD'&&event.srcElement.isDay){" + 
"event.srcElement.style.backgroundColor='" + this.bgColor + "';" + 
"event.srcElement.style.color='" + this.color + "';" + 
"event.srcElement.style.cursor='default';" + 
"var ym=event.srcElement.parentNode.parentNode.rows[0].cells[2].childNodes;" + 
"event.srcElement.title=ym[0].innerText+'-'+ym[2].innerText+'-'+event.srcElement.innerText;}\"" + 
" onclick=\"if(event.srcElement.tagName=='TD'&&event.srcElement.isDay){" + 
"var inp=this.parentNode.parentNode.parentNode.previousSibling.childNodes[0];" + 
"inp.value=this.rows[0].cells[2].childNodes[0].innerText+'-'+this.rows[0].cells[2].childNodes[2]." + 
"innerText+'-'+event.srcElement.innerText;" + 
"this.parentNode.style.display='none';this.parentNode.parentNode.style.zIndex=99;" + 
"this.parentNode.previousSibling.style.borderBottom='1px solid " + this.color + "';" + 
(this.hidesSelects ? 
"var slts=document.getElementsByTagName('SELECT');" + 
"for(var i=0;i<slts.length;i++)slts[i].style.visibility='';" 
: "") + "}\""; var output = ""; 
output += "<table cellpadding=0 cellspacing=1 style='display:inline;'><tr>"; 
output += " <td><input size=" + this.inputSize + " maxlength=10 value=\"" + inputValue + "\""; 
output += (this.canEdits ? "" : " readonly") + " name=\"" + this.inputName + "\"></td>"; 
output += " <td width=" + this.buttonWidth + ">"; 
output += " <div style=\"position:absolute;overflow:visible;width:0px;height:0px;\"" + buttonEvent + ">"; 
output += " <div style=\"" + btnStyle + "\"><nobr>" + this.buttonWords + "</nobr></div>"; 
output += " <div style=\"" + boardStyle + "\">"; 
output += " <table cellspacing=1 cellpadding=1 width=175" + mdayEvent + ">"; 
output += " <tr height=20 align=center>"; 
output += " <td style=\"" + arrowStyle + "\" title=\"上一年\"" + pyEvent + "><<</td>"; 
output += " <td style=\"" + arrowStyle + "\" align=left title=\"上个月\"" + pmEvent + "><</td>"; 
output += " <td colspan=3 style=\"" + ymStyle + "\" valign=bottom>"; 
output += " <span>" + year + "</span><span>年</span><span>" + month + "</span><span>月</span>"; 
output += " </td>"; 
output += " <td style=\"" + arrowStyle + "\" align=right title=\"下个月\"" + nmEvent + ">></td>"; 
output += " <td style=\"" + arrowStyle + "\" title=\"下一年\"" + nyEvent + ">>></td>"; 
output += " </tr>"; 
output += " <tr height=20 align=center bgcolor=" + this.bgColor + ">"; 
output += " <td width=14% style=\"" + weekStyle + "\">日</td>"; 
output += " <td width=14% style=\"" + weekStyle + "\">一</td>"; 
output += " <td width=14% style=\"" + weekStyle + "\">二</td>"; 
output += " <td width=14% style=\"" + weekStyle + "\">三</td>"; 
output += " <td width=14% style=\"" + weekStyle + "\">四</td>"; 
output += " <td width=14% style=\"" + weekStyle + "\">五</td>"; 
output += " <td width=14% style=\"" + weekStyle + "\">六</td>"; 
output += " </tr>"; 
var day = 1; 
for (var row=0; row<6; row++) 
{ 
output += "<tr align=center>"; 
for (var col=0; col<7; col++) 
{ 
if (row == 0 && col < firstDay) 
output += "<td style=\"" + mdayStyle + "\"> </td>"; 
else if (day <= lastDay) 
{ 
output += "<td style=\"" + mdayStyle + "\" isDay=1>" + day + "</td>"; 
day++; 
} 
else 
output += "<td style=\"" + mdayStyle + "\"></td>"; 
} 
output += "</tr>"; 
} 
output += " </table>"; 
output += " </div>"; 
output += " </div>"; 
output += " </td>"; 
output += "</tr></table>"; 
document.write(output); 
} 
///////////////////////////////////////////////////////////////////////// 
}</script>
<script language=javascript>
//拿过来就可以用，很简单。
//实例化时第一个参数是input的name；第二个参数是value，设为"today"就是当天。
   var date1 = new UncCalendar ("date", "2008-08-08");
   date1.display();
</script>
<br><br>
<script language=javascript>
//有一些属性，可以灵活的定制。
//事实上直接到uc.js中修改默认属性值使用起来会更方便一些，里面有注释。
   var date2 = new UncCalendar ();
   date2.inputName = "date"; //input的name。
   date2.inputValue = "today";   //你会看到，input中将显示客户机系统当前时间。
   date2.inputSize = 10;   //input的size
   date2.inputClass = "";   //input的class，这样你就能自己控制input的样式。
   date2.color = "#000080";   //选择按钮、面板的边框以及日历中字的颜色。
   date2.bgColor = "#EEEEFF";   //选择按钮、面板的背景色。
   date2.buttonWidth = 60;   //按钮宽度
   date2.buttonWords = "选择日期";   //按钮显示的文字。
   date2.canEdits = false;   //input是否可以输入
   date2.hidesSelects = true;   //显增日期选择面板时是否隐藏页面中的select控件。
   date2.display();
</script>