無聊，寫了個日歷程序，歡迎拍磚_時間日期

來源：懂視網責編：小采時間：2020-11-27 20:34:51

無聊，寫了個日歷程序，歡迎拍磚_時間日期

無聊，寫了個日歷程序，歡迎拍磚_時間日期: New Document body{font:12px Arial;} a:link,a:visited,a:active{color:#000;text-decoration:none;background:none;} a:hover{color:#fff;text-decoration:none;background:#000;} 一個通用的日歷程序,IE6、Mozilal系列測試通過.歡迎使用 /***************** * *日歷程

推薦度：

點擊下載本文 文檔為doc格式

導讀無聊，寫了個日歷程序，歡迎拍磚_時間日期: New Document body{font:12px Arial;} a:link,a:visited,a:active{color:#000;text-decoration:none;background:none;} a:hover{color:#fff;text-decoration:none;background:#000;} 一個通用的日歷程序,IE6、Mozilal系列測試通過.歡迎使用 /***************** * *日歷程

<HTML> 
 <HEAD> 
 <TITLE> New Document </TITLE> 
 <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
 <style type="text/css"> 
 body{font:12px Arial;} 
 a:link,a:visited,a:active{color:#000;text-decoration:none;background:none;} 
 a:hover{color:#fff;text-decoration:none;background:#000;} 
 </style> 
 </HEAD>

<BODY> 
 一個通用的日歷程序,IE6、Mozilal系列測試通過.歡迎使用
 
 <script type="text/javascript">

/***************** 
 * 
 *日歷程序 
 *作者:marcian 
 *主頁:www.marcian.net 
 *2007.2.10 
 *特點:封裝，對外暴露一個方法來調用日歷,最大最小年份可調,日期可用性選擇.采用DOM方式創建日歷對象,頁面只需調用一個js文件即可。 
 *使用方法:創建日歷對象,然后調用此對象的showCalendar()方法即可. 
 *兼容性：IE6,Mozilla系列測試通過 
 *歡迎交流. 
 *自由使用，但請保留作者信息。 
 *公歷算法來源于網絡 
 *******************/

/***************** 
 *為Date對象添加定制的方法 
 ******************/ 
 //獲取當前時間 
 Date.prototype.getTheDate=function(){ 
 return {Y:this.getFullYear(),M:this.getMonth()+1,D:this.getDate()}; 
 }

Date.prototype.beforeTheDate=function(Y,M,D){ 
 if(Y<this.getFullYear()||(Y==this.getFullYear()&&M<this.getMonth()+1)||(Y==this.getFullYear()&&M==this.getMonth()+1&&D<this.getDate())) 
 { 
 return true; 
 } 
 else 
 { 
 return false; 
 } 
 }

Date.prototype.afterTheDate=function(Y,M,D){ 
 if(Y>this.getFullYear()||(Y==this.getFullYear()&&M>this.getMonth()+1)||(Y==this.getFullYear()&&M==this.getMonth()+1&&D>this.getDate())) 
 { 
 return true; 
 } 
 else 
 { 
 return false; 
 } 
 }

Date.prototype.getThePreDate=function(dateObj,minYear){ 
 var M=dateObj.M; 
 var Y=dateObj.Y; 
 var D=dateObj.D; 
 M--; 
 if(M<1) 
 { 
 M=12; 
 Y--; 
 } 
 if(Y<minYear) 
 { 
 Y=minYear; 
 } 
 return "{Y:"+Y+",M:"+M+",D:"+D+"}"; 
 }

Date.prototype.getTheNextDate=function(dateObj,maxYear){ 
 var M=dateObj.M; 
 var Y=dateObj.Y; 
 var D=dateObj.D; 
 M++; 
 if(M>12) 
 { 
 M=1; 
 Y++; 
 } 
 if(Y>maxYear) 
 { 
 Y=maxYear; 
 } 
 return "{Y:"+Y+",M:"+M+",D:"+D+"}"; 
 }

/***************** 
 *日歷的構造函數 
 ******************/ 
 function MarcianCalendar(calendarObjName,display,minYear,maxYear,afterNotUsed,beforeNotUsed) 
 { 
 /********************************************* 
 *參數說明 
 *calendarObjName:創建的日歷對象實例名,必須 
 *display:顯示日歷 true為顯示,false為不顯示.可選,默認為不顯示 
 *minYear:最小年份,可選,默認為1900 
 *maxYear:最打年份,可選,默認為2900 
 *afterNotUsed:大于當前時間的日期不可用,可選,默認為false; 
 *beforeNotUsed:小于當前日期的時間不可用,可選,默認為false; 
 **********************************************/

/*屬性*/ 
 this.calendarName=calendarObjName;//創建的日歷對象實例名 
 this.display=display?"block":"none";// 
 this.minYear=minYear?minYear:1900;// 
 this.maxYear=maxYear?maxYear:2900;// 
 this.afterNotUsed=afterNotUsed?afterNotUsed:false; 
 this.beforeNotUsed=beforeNotUsed?beforeNotUsed:false; 
 this.calendarContainer=null;//日歷容器 
 this.calendarMenuContainer=null;//日歷菜單容器 
 this.calendarDateContainer=null;//日歷日期容器 
 this.calendarWeekContainer=null;//日歷星期容器 
 this.calendarCloseContainer=null;//關閉菜單容器 
 this.weekAry=["日","一","二","三","四","五","六"];//星期數組 
 this.date=new Date();//日期對象 
 this.moveObjAry=new Array();//移動對象數組 
 this.fillObjAry=new Array();//填充對象數組 
 this.id=0;//當前ID號

//獲取指定頁面元素的坐標 
 this.getObjOffset=function(obj){ 
 var x=obj.offsetWidth; 
 var y=0; 
 while(obj.offsetParent) 
 { 
 x+=obj.offsetLeft; 
 y+=obj.offsetTop; 
 obj=obj.offsetParent; 
 } 
 return{x:x,y:y}; 
 }

//移動日歷 
 this.moveCalendar=function(id){ 
 var offset=this.getObjOffset(this.$(this.moveObjAry[id])); 
 this.calendarContainer.style.cssText=this.calendarContainer.getAttribute("css")+";top:"+offset.y+"px;left:"+offset.x+"px;display:block"; 
 this.id=id; 
 }

//填充日期 
 this.fillDate=function(dateStr){ 
 var fillObj=this.$(this.fillObjAry[this.id]); 
 if(fillObj.type=="text") 
 { 
 fillObj.value=dateStr; 
 } 
 if(this.id<this.fillObjAry.length-1) 
 { 
 this.id++; 
 this.moveCalendar(this.id); 
 } 
 else 
 { 
 this.calendarContainer.style.cssText=this.calendarContainer.getAttribute("css")+"display:none;"; 
 } 
 }

//獲取頁面元素的快捷方式 
 this.$=function(id) 
 { 
 return document.getElementById(id); 
 }

//顯示日歷的外部調用方法 
 this.showCalendar=function(showIDAry,fillIDAry){ 
 /****************************** 
 *參數說明 
 *showIDAry:點擊顯示日歷的元素的ID數組 
 *fillIDAry:要填充日期數據的元素的ID數組 
 ******************************/ 
 this.moveObjAry=showIDAry; 
 this.fillObjAry=fillIDAry; 
 this.moveCalendar(0); 
 }

/*設置日歷時間*/ 
 this.setDate=function(dateObj){ 
 if(this.calendarDateContainer.childNodes) 
 { 
 for(var j=this.calendarDateContainer.childNodes.length-1;j>=0;j--) 
 { 
 this.calendarDateContainer.removeChild(this.calendarDateContainer.childNodes[j]); 
 } 
 } 
 var W=1; 
 var Y=dateObj.Y; 
 var M=dateObj.M; 
 var D=dateObj.D; 
 var dayAry=[31,28,31,30,31,30,31,31,30,31,30,31]; 
 var r=[0,3,3,6,1,4,6,2,5,0,3,5]; 
 var c=6; 
 if(Y%400==0||(Y%4==0&&Y%100!=0)) 
 { 
 dayAry[1]=29; 
 } 
 if((Y%400==0||(Y%4==0&&Y%100!=0))&&M<3) 
 { 
 c=5; 
 } 
 var y=Y%400; 
 w=(y+Math.floor(y/4)-Math.floor(y/100)+r[M-1]+1+c)%7; 
 //alert(w); 
 var R=1; 
 R=(dayAry[M-1]-7+w)%7==0?R+(dayAry[M-1]-7+w)/7:R+Math.floor((dayAry[M-1]-7+w)/7)+1; 
 var start=0; 
 var d=1; 
 for(var i=0;i<R;i++) 
 { 
 var div=document.createElement("div"); 
 div.style.cssText="width:140px;height:23px;margin-bottom:2px;" 
 for(var k=0;k<7;k++) 
 { 
 var p=document.createElement("p"); 
 p.style.cssText="width:20px;height:20px;float:left;text-align:center;padding-top:3px;margin:0px;color:#ccc;"; 
 if(start>=w&&d<=dayAry[M-1]) 
 { 
 if(this.beforeNotUsed&&this.date.beforeTheDate(Y,M,d)) 
 { 
 p.innerHTML=d; 
 } 
 else if(this.afterNotUsed&&this.date.afterTheDate(Y,M,d)) 
 { 
 p.innerHTML=d; 
 } 
 else 
 { 
 p.innerHTML=""+d+""; 
 } 
 d++; 
 } 
 start>w?start=w:start++; 
 div.appendChild(p); 
 } 
 this.calendarDateContainer.appendChild(div); 
 } 
 }

/*設置日歷控制菜單*/ 
 this.setMenu=function(dateObj){ 
 this.calendarMenuContainer.innerHTML="上月　"+dateObj.Y+"-"+(dateObj.M>9?dateObj.M:"0"+dateObj.M)+"　下月"; 
 this.setDate(dateObj); 
 }

/*初始化*/ 
 this.initial=function(){ 
 this.calendarContainer=document.createElement("div"); 
 this.calendarContainer.style.cssText="position:absolute;top:0px;left:0px;width:140px;border:1px solid #666;padding:1px;background:#fff;font:12px Arial;margin-bottom:1px;display:"+this.display+";"; 
 this.calendarContainer.setAttribute("css",this.calendarContainer.style.cssText); 
 this.calendarMenuContainer=document.createElement("div"); 
 this.calendarMenuContainer.style.cssText="width:140px;height:20px;background:#aaa;color:#fff;text-align:center;padding-top:3px;"; 
 this.calendarWeekContainer=document.createElement("div"); 
 this.calendarWeekContainer.style.cssText="width:140px;height:20px;margin-bottom:1px;"; 
 for(i=0;i<7;i++) 
 { 
 var p=document.createElement("p"); 
 p.style.cssText="width:20px;height:20px;float:left;text-align:center;padding-top:3px;border-bottom:1px solid #666;margin:0px;"; 
 p.innerHTML=this.weekAry[i]; 
 this.calendarWeekContainer.appendChild(p); 
 } 
 this.calendarDateContainer=document.createElement("div"); 
 this.calendarDateContainer.style.cssText="width:140px;"; 
 this.calendarCloseContainer=document.createElement("div"); 
 this.calendarCloseContainer.style.cssText=this.calendarMenuContainer.style.cssText; 
 this.calendarCloseContainer.innerHTML="關閉日歷"; 
 this.calendarContainer.appendChild(this.calendarMenuContainer); 
 this.calendarContainer.appendChild(this.calendarWeekContainer); 
 this.calendarContainer.appendChild(this.calendarDateContainer); 
 this.calendarContainer.appendChild(this.calendarCloseContainer); 
 document.body.appendChild(this.calendarContainer); 
 this.setMenu(this.date.getTheDate()); 
 }

//檢查輸入的年參數是否符合要求. 
 this.checkYear=function(){ 
 if(!this.minYear.toString().match(/\d\d\d\d/)) 
 { 
 alert("最低年份輸入不正確，重新輸入"); 
 } 
 else if(!this.maxYear.toString().match(/\d\d\d\d/)) 
 { 
 alert("最高年份輸入不正確，重新輸入"); 
 } 
 else if(eval("0+"+this.maxYear)<=eval("0+"+this.minYear)) 
 { 
 alert("最高年份必須大于最低年份,重新輸入"); 
 } 
 else if(eval("0+"+this.maxYear)<this.date.getFullYear()) 
 { 
 alert("最高年份必須大于或者等于當前年份"); 
 } 
 else 
 { 
 this.initial(); 
 } 
 }

this.checkYear(); 
 } 
 //創建日歷 
 calendar=new MarcianCalendar("calendar",false,"","",false,true); 
 </ script> 
 <input type="text" id="text"/><input type="button" id="fill" value="日歷" onclick="calendar.showCalendar(['fill','hello','hello1'],['text','text1','text2'])"/>

</BODY> 
</HTML>

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

無聊，寫了個日歷程序，歡迎拍磚_時間日期

推薦度：

點擊下載本文 文檔為doc格式

標簽：時間日期日期日歷

熱門焦點

無聊，寫了個日歷程序，歡迎拍磚_時間日期

無聊，寫了個日歷程序，歡迎拍磚_時間日期

無聊，寫了個日歷程序，歡迎拍磚_時間日期

最新推薦

猜你喜歡

熱門推薦