?? zx.html
字號:
<html><HEAD>
<SCRIPT language=javascript>
//拿過來就可以用，很簡單。
//實例化時第一個參數是input的name；第二個參數是value，設為"today"就是當天。
var date1 = new UncCalendar ("date", "2008-08-08");
date1.display();
</SCRIPT>
</HEAD>
<BODY>
<TABLE style="DISPLAY: inline" cellSpacing=1 cellPadding=0>
<TBODY>
<TR>
<TD><INPUT maxLength=10 size=10 value=2008-08-08 name=date></TD>
<TD width=60>
<DIV onselectstart="return false;" onmouseover="this.childNodes[0].style.borderBottom='0px';this.childNodes[1].style.display='';this.style.zIndex=100;var slts=document.getElementsByTagName('SELECT');for(var i=0;i<slts.length;i++)slts[i].style.visibility='hidden';" style="Z-INDEX: 99; OVERFLOW: visible; WIDTH: 0px; POSITION: absolute; HEIGHT: 0px" onmouseout="this.childNodes[0].style.borderBottom='1px solid #333333';this.childNodes[1].style.display='none';this.style.zIndex=99;var slts=document.getElementsByTagName('SELECT');for(var i=0;i<slts.length;i++)slts[i].style.visibility='';">
<DIV style="BORDER-RIGHT: #333333 1px solid; BORDER-TOP: #333333 1px solid; Z-INDEX: 99; FONT: 12px/12px 宋體; BORDER-LEFT: #333333 1px solid; WIDTH: 60px; CURSOR: default; COLOR: #333333; PADDING-TOP: 3px; BORDER-BOTTOM: #333333 1px solid; POSITION: absolute; TOP: -9px; HEIGHT: 18px; BACKGROUND-COLOR: #eeeeee; TEXT-ALIGN: center"><NOBR>選擇日期</NOBR></DIV>
<DIV style="BORDER-RIGHT: #333333 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #333333 1px solid; DISPLAY: none; PADDING-LEFT: 3px; BACKGROUND: #eeeeee; PADDING-BOTTOM: 3px; BORDER-LEFT: #333333 1px solid; WIDTH: 1px; PADDING-TOP: 3px; BORDER-BOTTOM: #333333 1px solid; POSITION: absolute; TOP: 8px; HEIGHT: 1px">
<TABLE onmouseover="if(event.srcElement.tagName=='TD'&&event.srcElement.isDay){event.srcElement.style.backgroundColor='#333333';event.srcElement.style.color='#EEEEEE';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;}" 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 #333333';var slts=document.getElementsByTagName('SELECT');for(var i=0;i<slts.length;i++)slts[i].style.visibility='';}" onmouseout="if(event.srcElement.tagName=='TD'&&event.srcElement.isDay){event.srcElement.style.backgroundColor='#EEEEEE';event.srcElement.style.color='#333333';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;}" cellSpacing=1 cellPadding=1 width=175>
<TBODY>
<TR align=middle height=20>
<TD title=上一年 style="FONT: bold 7px/16px Verdana,宋體; CURSOR: hand; COLOR: #333333" onclick="var y=this.parentNode.cells[2].childNodes[0];y.innerText=parseInt(y.innerText)-1;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;} }"><<</TD>
<TD title=上個月 style="FONT: bold 7px/16px Verdana,宋體; CURSOR: hand; COLOR: #333333" 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;}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;} }" align=left><</TD>
<TD style="FONT: bold 12px/16px 宋體; CURSOR: default; COLOR: #333333" vAlign=bottom colSpan=3><SPAN>2008</SPAN><SPAN>年</SPAN><SPAN>8</SPAN><SPAN>月</SPAN> </TD>
<TD title=下個月 style="FONT: bold 7px/16px Verdana,宋體; CURSOR: hand; COLOR: #333333" 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;}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;} }" align=right>></TD>
<TD title=下一年 style="FONT: bold 7px/16px Verdana,宋體; CURSOR: hand; COLOR: #333333" onclick="var y=this.parentNode.cells[2].childNodes[0];y.innerText=parseInt(y.innerText)+1;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;} }">>></TD></TR>
<TR align=middle bgColor=#eeeeee height=20>
<TD style="FONT: 12px/15px 宋體; CURSOR: default; COLOR: #333333" width="14%">日</TD>
<TD style="FONT: 12px/15px 宋體; CURSOR: default; COLOR: #333333" width="14%">一</TD>
<TD style="FONT: 12px/15px 宋體; CURSOR: default; COLOR: #333333" width="14%">二</TD>
<TD style="FONT: 12px/15px 宋體; CURSOR: default; COLOR: #333333" width="14%">三</TD>
<TD style="FONT: 12px/15px 宋體; CURSOR: default; COLOR: #333333" width="14%">四</TD>
<TD style="FONT: 12px/15px 宋體; CURSOR: default; COLOR: #333333" width="14%">五</TD>
<TD style="FONT: 12px/15px 宋體; CURSOR: default; COLOR: #333333" width="14%">六</TD></TR>
<TR align=middle>
<TD style="FONT: 9px/12px Verdana,Arial,宋體; CURSOR: default; COLOR: #333333"> </TD>
<TD style="FONT: 9px/12px Verdana,Arial,宋體; CURSOR: default; COLOR: #333333"> </TD>
<TD style="FONT: 9px/12px Verdana,Arial,宋體; CURSOR: default; COLOR: #333333"> </TD>
<TD style="FONT: 9px/12px Verdana,Arial,宋體; CURSOR: default; COLOR: #333333"> </TD>
<TD style="FONT: 9px/12px Verdana,Arial,宋體; CURSOR: default; COLOR: #333333"> </TD>
<TD style="FONT: 9px/12px Verdana,Arial,宋體; CURSOR: default; COLOR: #333333" isDay="1">1</TD>
<TD style="FONT: 9px/12px Verdana,Arial,宋體; CURSOR: default; COLOR: #333333" isDay="1">2</TD></TR>
<TR align=middle>
<TD style="FONT: 9px/12px Verdana,Arial,宋體; CURSOR: default; COLOR: #333333" isDay="1">3</TD>
<TD style="FONT: 9px/12px Verdana,Arial,宋體; CURSOR: default; COLOR: #333333" isDay="1">4</TD>
<TD style="FONT: 9px/12px Verdana,Arial,宋體; CURSOR: default; COLOR: #333333" isDay="1">5</TD>
<TD style="FONT: 9px/12px Verdana,Arial,宋體; CURSOR: default; COLOR: #333333" isDay="1">6</TD>
<TD style="FONT: 9px/12px Verdana,Arial,宋體; CURSOR: default; COLOR: #333333" isDay="1">7</TD>
<TD style="FONT: 9px/12px Verdana,Arial,宋體; CURSOR: default; COLOR: #333333" isDay="1">8</TD>
<TD style="FONT: 9px/12px Verdana,Arial,宋體; CURSOR: default; COLOR: #333333" isDay="1">9</TD></TR>
<TR align=middle>
<TD style="FONT: 9px/12px Verdana,Arial,宋體; CURSOR: default; COLOR: #333333" isDay="1">10</TD>
<TD style="FONT: 9px/12px Verdana,Arial,宋體; CURSOR: default; COLOR: #333333" isDay="1">11</TD>
<TD style="FONT: 9px/12px Verdana,Arial,宋體; CURSOR: default; COLOR: #333333" isDay="1">12</TD>
<TD style="FONT: 9px/12px Verdana,Arial,宋體; CURSOR: default; COLOR: #333333" isDay="1">13</TD>
<TD style="FONT: 9px/12px Verdana,Arial,宋體; CURSOR: default; COLOR: #333333" isDay="1">14</TD>
<TD style="FONT: 9px/12px Verdana,Arial,宋體; CURSOR: default; COLOR: #333333" isDay="1">15</TD>
<TD style="FONT: 9px/12px Verdana,Arial,宋體; CURSOR: default; COLOR: #333333" isDay="1">16</TD></TR>
<TR align=middle>
<TD style="FONT: 9px/12px Verdana,Arial,宋體; CURSOR: default; COLOR: #333333" isDay="1">17</TD>
<TD style="FONT: 9px/12px Verdana,Arial,宋體; CURSOR: default; COLOR: #333333" isDay="1">18</TD>
<TD style="FONT: 9px/12px Verdana,Arial,宋體; CURSOR: default; COLOR: #333333" isDay="1">19</TD>
<TD style="FONT: 9px/12px Verdana,Arial,宋體; CURSOR: default; COLOR: #333333" isDay="1">20</TD>
<TD style="FONT: 9px/12px Verdana,Arial,宋體; CURSOR: default; COLOR: #333333" isDay="1">21</TD>
<TD style="FONT: 9px/12px Verdana,Arial,宋體; CURSOR: default; COLOR: #333333" isDay="1">22</TD>
<TD style="FONT: 9px/12px Verdana,Arial,宋體; CURSOR: default; COLOR: #333333" isDay="1">23</TD></TR>
<TR align=middle>
<TD style="FONT: 9px/12px Verdana,Arial,宋體; CURSOR: default; COLOR: #333333" isDay="1">24</TD>
<TD style="FONT: 9px/12px Verdana,Arial,宋體; CURSOR: default; COLOR: #333333" isDay="1">25</TD>
<TD style="FONT: 9px/12px Verdana,Arial,宋體; CURSOR: default; COLOR: #333333" isDay="1">26</TD>
<TD style="FONT: 9px/12px Verdana,Arial,宋體; CURSOR: default; COLOR: #333333" isDay="1">27</TD>
<TD style="FONT: 9px/12px Verdana,Arial,宋體; CURSOR: default; COLOR: #333333" isDay="1">28</TD>
<TD style="FONT: 9px/12px Verdana,Arial,宋體; CURSOR: default; COLOR: #333333" isDay="1">29</TD>
<TD style="FONT: 9px/12px Verdana,Arial,宋體; CURSOR: default; COLOR: #333333" isDay="1">30</TD></TR>
<TR align=middle>
<TD style="FONT: 9px/12px Verdana,Arial,宋體; CURSOR: default; COLOR: #333333" isDay="1">31</TD>
<TD style="FONT: 9px/12px Verdana,Arial,宋體; CURSOR: default; COLOR: #333333"></TD>
<TD style="FONT: 9px/12px Verdana,Arial,宋體; CURSOR: default; COLOR: #333333"></TD>
<TD style="FONT: 9px/12px Verdana,Arial,宋體; CURSOR: default; COLOR: #333333"></TD>
<TD style="FONT: 9px/12px Verdana,Arial,宋體; CURSOR: default; COLOR: #333333"></TD>
<TD style="FONT: 9px/12px Verdana,Arial,宋體; CURSOR: default; COLOR: #333333"></TD>
<TD style="FONT: 9px/12px Verdana,Arial,宋體; CURSOR: default; COLOR: #333333"></TD></TR></TBODY></TABLE></DIV></DIV></TD></TR></TBODY></TABLE><BR><BR>
<SCRIPT language=javascript>
//有一些屬性，可以靈活的定制。
//事實上直接到uc.js中修改默認屬性值使用起來會更方便一些，里面有注釋。
var date2 = new UncCalendar ();
?? 快捷鍵說明
復制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號
Ctrl + =
減小字號
Ctrl + -