日历代码

2022-07-15 80酷酷网 80kuku.com

　　日历

<table border="1" bordercolor="red"><colgroup><col /><col /><col /><col /><col /><col valign="top" id="cap" <td>日</td> <td>一</td> <td>二</td> <td>三</td> <td>四</td> <td>五</td> <td>六</td></tr><script language="javascript">var objdate=new Date();var tempdate=new Date();tempdate.setDate(1);var day=tempdate.getDay();var maxday=new Date(objdate.getYear(), objdate.getMonth()+1, 0).getDate();cap.innerText=objdate.getYear()+"年"+(objdate.getMonth()+1)+"月"+objdate.getDate()+"日";var d=1,dd=1;for(var i=0;i<6;i++){document.write("<tr>")for(var j=1;j<8;j++){if(d<=day || dd>maxday){document.write("<td> </td>")};else if(dd==Number(objdate.getDate())){document.write("<td bgcolor='silver'>"+dd+"</td>");dd++}else{document.write("<td>"+dd+"</td>");dd++}d++}document.write("</tr>")}</script></table>

<scripttype="text/javascript">String.prototype.Format = function(){ var tmpStr = this; var iLen =arguments.length; for(var i=0;i<iLen;i++){ tmpStr =tmpStr.replace(new RegExp("\\{" + i + "\\}", "g"), arguments[i]); }return tmpStr;}Calendar = { //region Property today : new Date(), year : 2005, month :8, date : 21, curPosX : 0, curPosY : 0, curCapture : null, curDay :null, //endregion //region Method display : function(o, e, d){with(Calendar){ o = typeof(o) == "object" ? o :document.getElementById(o); if(window.event){ curPosX =document.body.scrollLeft + event.x; curPosY = document.body.scrollTop +event.y; } else{ curPosX = e.pageX; curPosY = e.pageY; } if(o.value =="" && d) o.value = d;with(document.getElementById("Calendar__")){ if(o != curCapture) {curCapture = o; if(style.display == "block"){ style.left = curPosX +"px"; style.top = curPosY + "px"; } else load(); } else{ if(style.display == "block") style.display = "none"; else load(); } } }}, load : function(){ with(Calendar){ curDay =loadDate(curCapture.value); with(curDay){ year = getFullYear(); month =getMonth() + 1; date = getDate(); } init(); } }, init : function(){with(Calendar){ with(new Date(year, month-1, date)){ year =getFullYear(); month = getMonth() + 1; date = getDate(); setDate(1);var first = getDay(); setMonth(getMonth()+1, 0) paint(first,getDate()); } } }, paint : function(first, last){ var calendar =document.getElementById("Calendar__"); var grid =document.getElementById("dataGrid__"); var i, l; l = Math.ceil((first +last)/7); if(!document.all){ calendar.style.height = (41 + 19 *Math.ceil((first + last)/7)) + "px"; } grid.innerHTML = new Array(l*7 +1).join("<li><a></a></li>"); with(Calendar){var strDate = "{0}-{1}".Format(year, month); var isTodayMonth = ((year== today.getFullYear()) && (month == today.getMonth() + 1));var isCurdayMonth = ((year == curDay.getFullYear()) && (month== curDay.getMonth() + 1)); var todayDate = today.getDate();for(i=0;i<last;i++){ grid.childNodes[first + i].innerHTML = '<ahref="{2}-{1}"{0} >{1}</a>'.Format(((i+1) == todayDate &&isTodayMonth) ? ' class="today"' : isCurdayMonth && (i+1) ==curDay.getDate()?' class="curDay"':'', i + 1, strDate); }document.getElementById("dateText__").innerHTML = '<a href="' +(year-1) + '年" title="上一年"><<</a> <a href="上一月" title="上一月"><</a>' + year + " - " + month + ' <a href="下一月" title="下一月">></a><a href="' + (year+1) + '年" title="下一年">>></a>'; with(calendar){ style.left =Calendar.curPosX + "px"; style.top = Calendar.curPosY + "px";style.display = "block"; } } }, turn : function(num){ Calendar.month +=num; Calendar.date = 1; Calendar.init(); }, setValue : function(val){with(Calendar){ curCapture.value = "{0}-{1}-{2}".Format(year, month,val); document.getElementById("Calendar__").style.display = "none"; }}, loadDate : function(op, formatString){ formatString = formatString|| "ymd"; var m, year, month, day; switch(formatString){ case "ymd" : m= op.match(newRegExp("^((\\d{4})|(\\d{2}))([-./])(\\d{1,2})\\4(\\d{1,2})$")); if(m ==null ) return new Date(); day = m[6]; month = m[5]*1; year =(m[2].length == 4) ? m[2] : GetFullYear(parseInt(m[3], 10)); break;case "dmy" : m = op.match(newRegExp("^(\\d{1,2})([-./])(\\d{1,2})\\2((\\d{4})|(\\d{2}))$")); if(m ==null ) return new Date(); day = m[1]; month = m[3]*1; year =(m[5].length == 4) ? m[5] : GetFullYear(parseInt(m[6], 10)); break;default : break; } if(!parseInt(month)) return new Date(); month =month==0 ?12:month; var date = new Date(year, month-1, day); return(typeof(date) == "object" && year == date.getFullYear()&& month == (date.getMonth()+1) && day ==date.getDate())?date:new Date(); function GetFullYear(y){return((y<30 ? "20" : "19") + y)|0;} }, toString : function(){return["Calendar v1.0", "author:我佛山人", "email:wfsrmsn.com","version:1.0"].join("\n");} //endregion}var __calendar_html = "<style>"; __calendar_html += "#Calendar__{background-color:#eeeeee;width:157!important;width:154px;position:absolute;display:none}";__calendar_html += "#Calendar__ul{list-style-type:none;margin-left:-38px !important;margin:0 0 0-30px;}"; __calendar_html += "#Calendar__ ulli{display:block;width:20px;margin:1px;background-color:#fff;text-align:center;float:left;font:11pxTahoma}"; __calendar_html += "#Calendar__ ul lia{height:18px;display:block;background-color:#fff;line-height:18px;text-decoration:none;color:#333}";__calendar_html += "#Calendar__ ul lia:hover{background:#336699;color:#FFF}"; __calendar_html +="#Calendar__ #dateText__{font:12px Tahoma;text-align:center}";__calendar_html += "#Calendar__ #dateText__ a{font:10pxTahoma;text-decoration:none}"; __calendar_html += "#Calendar__ #head__li a{font:bold 12px Tahoma}"; __calendar_html += "#Calendar__#dataGrid__{}"; __calendar_html += "#Calendar__ #dataGrid__ lia:hover{background:#dedede url(/plus/calendar/check.gif) right bottomno-repeat;color:red}"; __calendar_html += "#Calendar__ #dataGrid__.today{background:url(/plus/calendar/today.gif) centerno-repeat;color:blue;}"; __calendar_html += "#Calendar__ #dataGrid__.curDay{background:#dedede url(/plus/calendar/check.gif) right bottomno-repeat;color:blue;}"; __calendar_html += "</style>";__calendar_html += "<div id=\"Calendar__\">"; __calendar_html +="<div id=\"dateText__\"></div>"; __calendar_html += "<ulid=\"head__\" onclick=\"return false\">"; __calendar_html +="<li><a href=\"#\">日</a></li><li><ahref=\"#\">一</a></li><li><ahref=\"#\">二</a></li><li><ahref=\"#\">三</a></li><li><ahref=\"#\">四</a></li><li><ahref=\"#\">五</a></li><li><ahref=\"#\">六</a></li>"; __calendar_html +="</ul>"; __calendar_html += "<ulid=\"dataGrid__\"></ul>"; __calendar_html += "</div>";document.write(__calendar_html);</script><input type="text" id="demo"><img src="http://file.wbgxw.com/UpLoadPic/2007-4/20074115223989.gif"align="absmiddle" ><br><input type="text" id="demo1"><img src="http://file.wbgxw.com/UpLoadPic/2007-4/20074115223989.gif"align="absmiddle" >

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML><HEAD><TITLE> DropListDown </TITLE><META NAME="Generator" CONTENT="EditPlus"><META NAME="Author" CONTENT=""><META NAME="Keywords" CONTENT=""><META NAME="Description" CONTENT=""></HEAD><SCRIPT LANGUAGE=""></SCRIPT><BODY><div name="droplist2" type="text"value=""><br><br><br><br><br><br><br><br><br><br><br></div><INPUT name="droplist3" type="text" value=""><INPUT name="droplist4" type="text" value=""><SCRIPT LANGUAGE=""></SCRIPT></BODY></HTML>

<HTML><HEAD><TITLE></TITLE><script> //// Powered by: amo//// QQ:48176084//// Email & MSN :phoubeshotmail.com functionPopupCalendar(InstanceName){ ///Global Tag this.instanceName=InstanceName; ///Propertiesthis.separator="-" this.oBtnTodayTitle="Today"this.oBtnCancelTitle="Cancel" this.weekDaySting=newArray("S","M","T","W","T","F","S"); this.monthSting=newArray("January","February","March","April","May","June","July","August","September","October","November","December");this.Width=200; this.currDate=new Date(); this.today=new Date();this.startYear=1970; this.endYear=2010; ///Css this.divBorderCss="1pxsolid #BCD0DE"; this.tableBorderColor="#CCCCCC" ///Methodthis.Init=CalendarInit; this.Fill=CalendarFill;this.Refresh=CalendarRefresh; this.Restore=CalendarRestore;///HTMLObject this.oTaget=null; this.oPreviousCell=null;this.sDIVID=InstanceName+"oDiv"; this.sTABLEID=InstanceName+"oTable";this.sMONTHID=InstanceName+"oMonth"; this.sYEARID=InstanceName+"oYear";}function CalendarInit() ///Create panel{ var sMonth,sYear sMonth=this.currDate.getMonth();sYear=this.currDate.getYear(); htmlAll="<div id='"+this.sDIVID+"' align='center'>"; /// Month htmloMonth="<selectid='"+this.sMONTHID+"'onchange=CalendarMonthChange("+this.instanceName+") for(i=0;i<12;i++) { htmloMonth+="<optionvalue='"+i+"'>"+this.monthSting[i]+"</option>"; }htmloMonth+="</select>"; /// Year htmloYear="<selectid='"+this.sYEARID+"'onchange=CalendarYearChange("+this.instanceName+") for(i=this.startYear;i<=this.endYear;i++) {htmloYear+="<option value='"+i+"'>"+i+"</option>"; }htmloYear+="</select></div>"; /// DayhtmloDayTable="<table id='"+this.sTABLEID+"' width='100%' border=0cellpadding=0 cellspacing=1 bgcolor='"+this.tableBorderColor+"'>";htmloDayTable+="<tbody bgcolor='#ffffff' { if(i==0) htmloDayTable+="<trbgcolor='#98B8CD'>"; else htmloDayTable+="<tr>";for(j=0;j<7;j++) { if(i==0) { htmloDayTable+="<td height='20'align='center' valign='middle' } else {htmloDayTable+="<td height='20' align='center' valign='middle' htmloDayTable+="onmouseover=CalendarCellsMsOver("+this.instanceName+")";htmloDayTable+=" onmouseout=CalendarCellsMsOut("+this.instanceName+")";htmloDayTable+="onclick=CalendarCellsClick(this,"+this.instanceName+")>";htmloDayTable+=" </td>" } } htmloDayTable+="</tr>"; }htmloDayTable+="</tbody></table>"; /// Today ButtonhtmloButton="<div align='center' solid#BCD0DE;background-color:#eeeeee;cursor:hand'" htmloButton+="onclick=CalendarTodayClick("+this.instanceName+")>"+this.oBtnTodayTitle+"</button>" htmloButton+="<button solid#BCD0DE;background-color:#eeeeee;cursor:hand'" htmloButton+="onclick=CalendarCancel("+this.instanceName+")>"+this.oBtnCancelTitle+"</button>" htmloButton+="</div>" /// AllhtmlAll=htmlAll+htmloMonth+htmloYear+htmloDayTable+htmloButton+"</div>";document.write(htmlAll); this.Fill(); }function CalendarFill() ///{ varsMonth,sYear,sWeekDay,sToday,oTable,currRow,MaxDay,sDaySn,sIndex,rowIndex,cellIndex,oSelectMonth,oSelectYearsMonth=this.currDate.getMonth(); sYear=this.currDate.getYear();sWeekDay=(new Date(sYear,sMonth,1)).getDay();sToday=this.currDate.getDate(); oTable=document.all[this.sTABLEID];currRow=oTable.rows[1]; MaxDay=CalendarGetMaxDay(sYear,sMonth);oSelectMonth=document.all[this.sMONTHID]oSelectMonth.selectedIndex=sMonth;oSelectYear=document.all[this.sYEARID]for(i=0;i<oSelectYear.length;i++) {if(parseInt(oSelectYear.options[i].value)==sYear)oSelectYear.selectedIndex=i;} //// for(sDaySn=1,sIndex=sWeekDay;sIndex<=6;sDaySn++,sIndex++) {if(sDaySn==sToday) { currRow.cells[sIndex].innerHTML="<fontcolor=red><i><b>"+sDaySn+"</b></i></font>";this.oPreviousCell=currRow.cells[sIndex]; } else {currRow.cells[sIndex].innerHTML=sDaySn;currRow.cells[sIndex].style.color="#666666"; }CalendarCellSetCss(0,currRow.cells[sIndex]); }for(rowIndex=2;rowIndex<=6;rowIndex++) { if(sDaySn>MaxDay)break;currRow=oTable.rows[rowIndex];for(cellIndex=0;cellIndex<currRow.cells.length;cellIndex++) {if(sDaySn==sToday) { currRow.cells[cellIndex].innerHTML="<fontcolor=red><i><b>"+sDaySn+"</b></i></font>";this.oPreviousCell=currRow.cells[cellIndex]; } else {currRow.cells[cellIndex].innerHTML=sDaySn;currRow.cells[cellIndex].style.color="#666666"; }CalendarCellSetCss(0,currRow.cells[cellIndex]); sDaySn++;if(sDaySn>MaxDay)break; } }}function CalendarRestore() /// Clear Data{ var oTable oTable=document.all[this.sTABLEID]for(i=1;i<oTable.rows.length;i++) {for(j=0;j<oTable.rows[i].cells.length;j++) {CalendarCellSetCss(0,oTable.rows[i].cells[j]);oTable.rows[i].cells[j].innerHTML=" "; } } }function CalendarRefresh(newDate) ///{ this.currDate=newDate; this.Restore(); this.Fill(); }function CalendarCellsMsOver(oInstance) /// Cell MouseOver{ var myCell myCell=event.srcElement;CalendarCellSetCss(0,oInstance.oPreviousCell); if(myCell) {CalendarCellSetCss(1,myCell); oInstance.oPreviousCell=myCell; }}function CalendarCellsMsOut(oInstance) ////// Cell MouseOut{ var myCell myCell=event.srcElement; CalendarCellSetCss(0,myCell); }function CalendarCellsClick(oCell,oInstance){ var sDay,sMonth,sYear,newDate sYear=oInstance.currDate.getFullYear();sMonth=oInstance.currDate.getMonth();sDay=oInstance.currDate.getDate(); if(oCell.innerText!=" ") {sDay=parseInt(oCell.innerText); if(sDay!=oInstance.currDate.getDate()){ newDate=new Date(sYear,sMonth,sDay); oInstance.Refresh(newDate); } }sDateString=sYear+oInstance.separator+CalendarDblNum(sMonth+1)+oInstance.separator+CalendarDblNum(sDay);///return sDateString if(oInstance.oTaget.tagName=="INPUT") {oInstance.oTaget.value=sDateString; }document.all[oInstance.sDIVID].style.display="none"; }function CalendarYearChange(oInstance) /// Year Change{ var sDay,sMonth,sYear,newDate sDay=oInstance.currDate.getDate();sMonth=oInstance.currDate.getMonth();sYear=document.all[oInstance.sYEARID].value newDate=newDate(sYear,sMonth,sDay); oInstance.Refresh(newDate);}function CalendarMonthChange(oInstance) /// Month Change{ var sDay,sMonth,sYear,newDate sDay=oInstance.currDate.getDate();sMonth=document.all[oInstance.sMONTHID].valuesYear=oInstance.currDate.getYear(); newDate=newDate(sYear,sMonth,sDay); oInstance.Refresh(newDate); }function CalendarTodayClick(oInstance) /// "Today" button Change{ oInstance.Refresh(new Date()); }function getDateString(oInputSrc,oInstance){ if(oInputSrc&&oInstance) {CalendarDiv=document.all[oInstance.sDIVID]; oInstance.oTaget=oInputSrc;CalendarDiv.style.pixelLeft=CalendargetPos(oInputSrc,"Left");CalendarDiv.style.pixelTop=CalendargetPos(oInputSrc,"Top")+oInputSrc.offsetHeight;CalendarDiv.style.display=(CalendarDiv.style.display=="none")?"":"none";} }function CalendarCellSetCss(sMode,oCell) /// Set Cell Css{ // sMode // 0: OnMouserOut 1: OnMouseOver if(sMode) {oCell.style.border="1px solid #5589AA";oCell.style.backgroundColor="#BCD0DE"; } else { oCell.style.border="1pxsolid #FFFFFF"; oCell.style.backgroundColor="#FFFFFF"; } }function CalendarGetMaxDay(nowYear,nowMonth) /// Get MaxDay of currentmonth{ var nextMonth,nextYear,currDate,nextDate,theMaxDaynextMonth=nowMonth+1; if(nextMonth>11) { nextYear=nowYear+1;nextMonth=0; } else { nextYear=nowYear; } currDate=newDate(nowYear,nowMonth,1); nextDate=new Date(nextYear,nextMonth,1);theMaxDay=(nextDate-currDate)/(24*60*60*1000); return theMaxDay;}function CalendargetPos(el,ePro) /// Get Absolute Position{ var ePos=0; while(el!=null) { ePos+=el["offset"+ePro];el=el.offsetParent; } return ePos;}function CalendarDblNum(num){ if(num<10) return "0"+num; else return num;}function CalendarCancel(oInstance) ///Cancel{ CalendarDiv=document.all[oInstance.sDIVID];CalendarDiv.style.display="none"; }</script></head><BODY ><script >var oCalendarEn=new PopupCalendar("oCalendarEn");//初始化控件时,请给出实例名称如:oCalendarEnoCalendarEn.Init();var oCalendarChs=new PopupCalendar("oCalendarChs");//初始化控件时,请给出实例名称:oCalendarChsoCalendarChs.weekDaySting=new Array("日","一","二","三","四","五","六");oCalendarChs.monthSting=newArray("一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月");oCalendarChs.oBtnTodayTitle="今天";oCalendarChs.oBtnCancelTitle="取消";oCalendarChs.Init();</script><br><br><br><br>　　　<input readonly type="text" name="dd" id="aa" value="English Version"><br><br><br><br>　　　<input readonly type="text" name="dd" id="aa" value="中文界面版"></BODY></HTML>