登 录
<title>百度的Js日历，值得一看</title><br /> <table cellpadding="0" cellspacing="0" id="1"><br /> <tr><br /> <td><mce:style><!--</p> <p>body,td,.p1,.p2,.i{font-family:arial}<br /> body{margin:6px 0 0 0;background-color:#fff;color:#000;}<br /> table{border:0}<br /> #cal{width:434px;border:1px solid #c3d9ff;font-size:12px;margin:8px 0 0 15px}<br /> #cal #top{height:29px;line-height:29px;background:#e7eef8;color:#003784;padding-left:70px}<br /> #cal #top select{font-size:12px}<br /> #cal #top input{padding:0}<br /> #cal ul#wk{margin:0;padding:0;height:25px}<br /> #cal ul#wk li{float:left;width:60px;text-align:center;line-height:25px;list-style:none}<br /> #cal ul#wk li b{font-weight:normal;color:#c60b02}<br /> #cal #cm{clear:left;border-top:1px solid #ddd;border-bottom:1px dotted #ddd;position:relative}<br /> #cal #cm .cell{position:absolute;width:42px;height:36px;text-align:center;margin:0 0 0 9px}<br /> #cal #cm .cell .so{font:bold 16px arial;}<br /> #cal #bm{text-align:right;height:24px;line-height:24px;padding:0 13px 0 0}<br /> #cal #bm a{color:7977ce}<br /> #cal #fd{display:none;position:absolute;border:1px solid #dddddf;background:#feffcd;padding:10px;line-height:21px;width:150px}<br /> #cal #fd b{font-weight:normal;color:#c60a00}<br /> --></mce:style><style mce_bogus="1"><br /> body,td,.p1,.p2,.i{font-family:arial}<br /> body{margin:6px 0 0 0;background-color:#fff;color:#000;}<br /> table{border:0}<br /> #cal{width:434px;border:1px solid #c3d9ff;font-size:12px;margin:8px 0 0 15px}<br /> #cal #top{height:29px;line-height:29px;background:#e7eef8;color:#003784;padding-left:70px}<br /> #cal #top select{font-size:12px}<br /> #cal #top input{padding:0}<br /> #cal ul#wk{margin:0;padding:0;height:25px}<br /> #cal ul#wk li{float:left;width:60px;text-align:center;line-height:25px;list-style:none}<br /> #cal ul#wk li b{font-weight:normal;color:#c60b02}<br /> #cal #cm{clear:left;border-top:1px solid #ddd;border-bottom:1px dotted #ddd;position:relative}<br /> #cal #cm .cell{position:absolute;width:42px;height:36px;text-align:center;margin:0 0 0 9px}<br /> #cal #cm .cell .so{font:bold 16px arial;}<br /> #cal #bm{text-align:right;height:24px;line-height:24px;padding:0 13px 0 0}<br /> #cal #bm a{color:7977ce}<br /> #cal #fd{display:none;position:absolute;border:1px solid #dddddf;background:#feffcd;padding:10px;line-height:21px;width:150px}<br /> #cal #fd b{font-weight:normal;color:#c60a00}</style><br /> <!--[if IE]><br /> <mce:style><!--<br /> #cal #top{padding-top:4px}<br /> #cal #top input{width:65px}<br /> #cal #fd{width:170px}<br /> --></mce:style><style mce_bogus="1">#cal #top{padding-top:4px}<br /> #cal #top input{width:65px}<br /> #cal #fd{width:170px}</style><br /> <![endif]--><br /> <div id="cal"><br /> <div id="top">公元 <br /> <select><br /> </select><br /> 年 <br /> <select><br /> </select><br /> 月 农历<span></span>年 [ <span></span>年 ] <br /> <input type="button" value="回到今天" title="点击后跳转回今天" style="padding:0px" mce_style="padding:0px"><br /> </div><br /> <ul id="wk"><br /> <li>一</li><br /> <li>二</li><br /> <li>三</li><br /> <li>四</li><br /> <li>五</li><br /> <li><b>六</b></li><br /> <li><b>日</b></li><br /> </ul><br /> <div id="cm"></div><br /> <div id="bm"></div><br /> </div></td><br /> </tr><br /> </table><br /> <mce:script type="text/javascript"><!--<br /> (function(){<br /> var S=navigator.userAgent.indexOf("MSIE")!=-1&&!window.opera;<br /> function M(C){<br /> return document.getElementById(C)<br /> } function R(C){<br /> return document.createElement(C)<br /> } var P=[19416,19168,42352,21717,53856,55632,91476,22176,39632,21970,19168,42422,42192,53840,119381,46400,54944,44450,38320,84343,18800,42160,46261,27216,27968,109396,11104,38256,21234,18800,25958,54432,59984,28309,23248,11104,100067,37600,116951,51536,54432,120998,46416,22176,107956,9680,37584,53938,43344,46423,27808,46416,86869,19872,42448,83315,21200,43432,59728,27296,44710,43856,19296,43748,42352,21088,62051,55632,23383,22176,38608,19925,19152,42192,54484,53840,54616,46400,46496,103846,38320,18864,43380,42160,45690,27216,27968,44870,43872,38256,19189,18800,25776,29859,59984,27480,21952,43872,38613,37600,51552,55636,54432,55888,30034,22176,43959,9680,37584,51893,43344,46240,47780,44368,21977,19360,42416,86390,21168,43312,31060,27296,44368,23378,19296,42726,42208,53856,60005,54576,23200,30371,38608,19415,19152,42192,118966,53840,54560,56645,46496,22224,21938,18864,42359,42160,43600,111189,27936,44448];<br /> var K="甲乙丙丁戊己庚辛壬癸";<br /> var J="子丑寅卯辰巳午未申酉戌亥";<br /> var O="鼠牛虎兔龙蛇马羊猴鸡狗猪";<br /> var L=["小寒","大寒","立春","雨水","惊蛰","春分","清明","谷雨","立夏","小满","芒种","夏至","小暑","大暑","立秋","处暑","白露","秋分","寒露","霜降","立冬","小雪","大雪","冬至"];<br /> var D=[0,21208,43467,63836,85337,107014,128867,150921,173149,195551,218072,240693,263343,285989,308563,331033,353350,375494,397447,419210,440795,462224,483532,504758];<br /> var B="日一二三四五六七八九十";<br /> var H=["正","二","三","四","五","六","七","八","九","十","十一","腊"];<br /> var E="初十廿卅";<br /> var V={<br /> "0101":"*1元旦节","0214":"情人节","0305":"学雷锋纪念日","0308":"妇女节","0312":"植树节","0315":"消费者权益日","0401":"愚人节","0501":"*1劳动节","0504":"青年节","0601":"国际儿童节","0701":"中国共产党诞辰","0801":"建军节","0910":"中国教师节","1001":"*3国庆节","1224":"平安夜","1225":"圣诞节"<br /> } ;<br /> var T={<br /> "0101":"*2春节","0115":"元宵节","0505":"*1端午节","0815":"*1中秋节","0909":"重阳节","1208":"腊八节","0100":"除夕"<br /> } ;<br /> function U(Y){<br /> function c(j,i){<br /> var h=new Date((31556925974.7*(j-1900)+D[i]*60000)+Date.UTC(1900,0,6,2,5));<br /> return(h.getUTCDate())<br /> } function d(k){<br /> var h,j=348;<br /> for(h=32768;h>8;h>>=1){<br /> j+=(P[k-1900]&h)?1:0<br /> } return(j+b(k))<br /> } function a(h){<br /> return(K.charAt(h%10)+J.charAt(h%12))<br /> } function b(h){<br /> if(g(h)){<br /> return((P[h-1900]&65536)?30:29)<br /> } else{<br /> return(0)<br /> }<br /> } function g(h){<br /> return(P[h-1900]&15)<br /> } function e(i,h){<br /> return((P[i-1900]&(65536>>h))?30:29)<br /> } function C(m){<br /> var k,j=0,h=0;<br /> var l=new Date(1900,0,31);<br /> var n=(m-l)/86400000;<br /> this.dayCyl=n+40;<br /> this.monCyl=14;<br /> for(k=1900;k<2050&&n>0;k++){<br /> h=d(k);<br /> n-=h;<br /> this.monCyl+=12<br /> } if(n<0){<br /> n+=h;<br /> k--;<br /> this.monCyl-=12<br /> } this.year=k;<br /> this.yearCyl=k-1864;<br /> j=g(k);<br /> this.isLeap=false;<br /> for(k=1;k<13&&n>0;k++){<br /> if(j>0&&k==(j+1)&&this.isLeap==false){<br /> --k;<br /> this.isLeap=true;<br /> h=b(this.year)<br /> } else{<br /> h=e(this.year,k)<br /> } if(this.isLeap==true&&k==(j+1)){<br /> this.isLeap=false<br /> } n-=h;<br /> if(this.isLeap==false){<br /> this.monCyl++<br /> }<br /> } if(n==0&&j>0&&k==j+1){<br /> if(this.isLeap){<br /> this.isLeap=false<br /> } else{<br /> this.isLeap=true;<br /> --k;<br /> --this.monCyl<br /> }<br /> } if(n<0){<br /> n+=h;<br /> --k;<br /> --this.monCyl<br /> } this.month=k;<br /> this.day=n+1<br /> } function G(h){<br /> return h<10?"0"+h:h<br /> } function f(i,j){<br /> var h=i;<br /> return j.replace(/dd?d?d?|MM?M?M?|yy?y?y?/g,function(k){<br /> switch(k){<br /> case"yyyy":var l="000"+h.getFullYear();<br /> return l.substring(l.length-4);<br /> case"dd":return G(h.getDate());<br /> case"d":return h.getDate().toString();<br /> case"MM":return G((h.getMonth()+1));<br /> case"M":return h.getMonth()+1<br /> }<br /> } )<br /> } function Z(i,h){<br /> var j;<br /> switch(i,h){<br /> case 10:j="初十";<br /> break;<br /> case 20:j="二十";<br /> break;<br /> case 30:j="三十";<br /> break;<br /> default:j=E.charAt(Math.floor(h/10));<br /> j+=B.charAt(h%10)<br /> } return(j)<br /> } this.date=Y;<br /> this.isToday=false;<br /> this.isRestDay=false;<br /> this.solarYear=f(Y,"yyyy");<br /> this.solarMonth=f(Y,"M");<br /> this.solarDate=f(Y,"d");<br /> this.solarWeekDay=Y.getDay();<br /> this.solarWeekDayInChinese="星期"+B.charAt(this.solarWeekDay);<br /> var X=new C(Y);<br /> this.lunarYear=X.year;<br /> this.shengxiao=O.charAt((this.lunarYear-4)%12);<br /> this.lunarMonth=X.month;<br /> this.lunarIsLeapMonth=X.isLeap;<br /> this.lunarMonthInChinese=this.lunarIsLeapMonth?"闰"+H[X.month-1]:H[X.month-1];<br /> this.lunarDate=X.day;<br /> this.showInLunar=this.lunarDateInChinese=Z(this.lunarMonth,this.lunarDate);<br /> if(this.lunarDate==1){<br /> this.showInLunar=this.lunarMonthInChinese+"月"<br /> } this.ganzhiYear=a(X.yearCyl);<br /> this.ganzhiMonth=a(X.monCyl);<br /> this.ganzhiDate=a(X.dayCyl++);<br /> this.jieqi="";<br /> this.restDays=0;<br /> if(c(this.solarYear,(this.solarMonth-1)*2)==f(Y,"d")){<br /> this.showInLunar=this.jieqi=L[(this.solarMonth-1)*2]<br /> } if(c(this.solarYear,(this.solarMonth-1)*2+1)==f(Y,"d")){<br /> this.showInLunar=this.jieqi=L[(this.solarMonth-1)*2+1]<br /> } if(this.showInLunar=="清明"){<br /> this.showInLunar="清明节";<br /> this.restDays=1<br /> } this.solarFestival=V[f(Y,"MM")+f(Y,"dd")];<br /> if(typeof this.solarFestival=="undefined"){<br /> this.solarFestival=""<br /> } else{<br /> if(//*(/d)/.test(this.solarFestival)){<br /> this.restDays=parseInt(RegExp.$1);<br /> this.solarFestival=this.solarFestival.replace(//*/d/,"")<br /> }<br /> } this.showInLunar=(this.solarFestival=="")?this.showInLunar:this.solarFestival;<br /> this.lunarFestival=T[this.lunarIsLeapMonth?"00":G(this.lunarMonth)+G(this.lunarDate)];<br /> if(typeof this.lunarFestival=="undefined"){<br /> this.lunarFestival=""<br /> } else{<br /> if(//*(/d)/.test(this.lunarFestival)){<br /> this.restDays=(this.restDays>parseInt(RegExp.$1))?this.restDays:parseInt(RegExp.$1);<br /> this.lunarFestival=this.lunarFestival.replace(//*/d/,"")<br /> }<br /> } if(this.lunarMonth==12&&this.lunarDate==e(this.lunarYear,12)){<br /> this.lunarFestival=T["0100"];<br /> this.restDays=1<br /> } this.showInLunar=(this.lunarFestival=="")?this.showInLunar:this.lunarFestival;<br /> this.showInLunar=(this.showInLunar.length>4)?this.showInLunar.substr(0,2)+"...":this.showInLunar<br /> } var Q=(function(){<br /> var X={<br /> } ;<br /> X.lines=0;<br /> X.dateArray=new Array(42);<br /> function Y(a){<br /> return(((a%4===0)&&(a%100!==0))||(a%400===0))<br /> } function G(a,b){<br /> return[31,(Y(a)?29:28),31,30,31,30,31,31,30,31,30,31][b]<br /> } function C(a,b){<br /> a.setDate(a.getDate()+b);<br /> return a<br /> } function Z(a){<br /> var f=0;<br /> var c=new U(new Date(a.solarYear,a.solarMonth-1,1));<br /> var d=(c.solarWeekDay-1==-1)?6:c.solarWeekDay-1;<br /> X.lines=Math.ceil((d+G(a.solarYear,a.solarMonth-1))/7);<br /> for(var e=0;e<X.dateArray.length;e++){<br /> if(c.restDays!=0){<br /> f=c.restDays<br /> } if(f>0){<br /> c.isRest=true<br /> } if(d-->0||c.solarMonth!=a.solarMonth){<br /> X.dateArray[e]=null;<br /> continue<br /> } var b=new U(new Date());<br /> if(c.solarYear==b.solarYear&&c.solarMonth==b.solarMonth&&c.solarDate==b.solarDate){<br /> c.isToday=true<br /> } X.dateArray[e]=c;<br /> c=new U(C(c.date,1));<br /> f--<br /> }<br /> } return{<br /> init:function(a){<br /> Z(a)<br /> } ,getJson:function(){<br /> return X<br /> }<br /> }<br /> } )();<br /> var W=(function(){<br /> var C=M("top").getElementsByTagName("SELECT")[0];<br /> var X=M("top").getElementsByTagName("SELECT")[1];<br /> var G=M("top").getElementsByTagName("SPAN")[0];<br /> var c=M("top").getElementsByTagName("SPAN")[1];<br /> var Y=M("top").getElementsByTagName("INPUT")[0];<br /> function a(g){<br /> G.innerHTML=g.ganzhiYear;<br /> c.innerHTML=g.shengxiao<br /> } function b(g){<br /> C[g.solarYear-1901].selected=true;<br /> X[g.solarMonth-1].selected=true<br /> } function f(){<br /> var j=C.value;<br /> var g=X.value;<br /> var i=new U(new Date(j,g-1,1));<br /> Q.init(i);<br /> N.draw();<br /> if(this==C){<br /> i=new U(new Date(j,3,1));<br /> G.innerHTML=i.ganzhiYear;<br /> c.innerHTML=i.shengxiao<br /> } var h=new U(new Date());<br /> Y.style.visibility=(j==h.solarYear&&g==h.solarMonth)?"hidden":"visible"<br /> } function Z(){<br /> var g=new U(new Date());<br /> a(g);<br /> b(g);<br /> Q.init(g);<br /> N.draw();<br /> Y.style.visibility="hidden"<br /> } function d(k,g){<br /> for(var j=1901;j<2050;j++){<br /> var h=R("OPTION");<br /> h.value=j;<br /> h.innerHTML=j;<br /> if(j==k){<br /> h.selected="selected"<br /> } C.appendChild(h)<br /> } for(var j=1;j<13;j++){<br /> var h=R("OPTION");<br /> h.value=j;<br /> h.innerHTML=j;<br /> if(j==g){<br /> h.selected="selected"<br /> } X.appendChild(h)<br /> } C.onchange=f;<br /> X.onchange=f<br /> } function e(g){<br /> d(g.solarYear,g.solarMonth);<br /> G.innerHTML=g.ganzhiYear;<br /> c.innerHTML=g.shengxiao;<br /> Y.onclick=Z;<br /> Y.style.visibility="hidden"<br /> } return{<br /> init:function(g){<br /> e(g)<br /> } ,reset:function(g){<br /> b(g)<br /> }<br /> }<br /> } )();<br /> var N=(function(){<br /> function C(){<br /> var Z=Q.getJson();<br /> var c=Z.dateArray;<br /> M("cm").style.height=Z.lines*38+2+"px";<br /> M("cm").innerHTML="";<br /> for(var a=0;a<c.length;a++){<br /> if(c[a]==null){<br /> continue<br /> } var X=R("DIV");<br /> if(c[a].isToday){<br /> X.style.border="1px solid #a5b9da";<br /> X.style.background="#c1d9ff"<br /> } X.className="cell";<br /> X.style.left=(a%7)*60+"px";<br /> X.style.top=Math.floor(a/7)*38+2+"px";<br /> var b=R("DIV");<br /> b.className="so";<br /> // http://www.codefans.net<br /> b.style.color=((a%7)>4||c[a].isRest)?"#c60b02":"#313131";<br /> b.innerHTML=c[a].solarDate;<br /> X.appendChild(b);<br /> var Y=R("DIV");<br /> Y.style.color="#666";<br /> Y.innerHTML=c[a].showInLunar;<br /> X.appendChild(Y);<br /> X.onmouseover=(function(d){<br /> return function(f){<br /> F.show({<br /> dateIndex:d,cell:this<br /> } )<br /> }<br /> } )(a);<br /> X.onmouseout=function(){<br /> F.hide()<br /> } ;<br /> M("cm").appendChild(X)<br /> } var G=R("DIV");<br /> G.id="fd";<br /> M("cm").appendChild(G);<br /> F.init(G)<br /> } return{<br /> draw:function(G){<br /> C(G)<br /> }<br /> }<br /> } )();<br /> var F=(function(){<br /> var C;<br /> function Y(e,c){<br /> if(arguments.length>1){<br /> var b=/([.*+?^=!:${}()|[/]////])/g,Z="{".replace(b,"//$1"),d="}".replace(b,"//$1");<br /> var a=new RegExp("#"+Z+"([^"+Z+d+"]+)"+d,"g");<br /> if(typeof (c)=="object"){<br /> return e.replace(a,function(f,h){<br /> var g=c[h];<br /> return typeof (g)=="undefined"?"":g<br /> } )<br /> }<br /> } return e<br /> } function G(b){<br /> var a=Q.getJson().dateArray[b.dateIndex];<br /> var Z=b.cell;<br /> var c="#{solarYear} 年 #{solarMonth} 月 #{solarDate} 日 #{solarWeekDayInChinese}";<br /> c+="<br><b>农历 #{lunarMonthInChinese}月#{lunarDateInChinese}</b>";<br /> c+="<br>#{ganzhiYear}年 #{ganzhiMonth}月 #{ganzhiDate}日";<br /> if(a.solarFestival!=""||a.lunarFestival!=""||a.jieqi!=""){<br /> c+="<br><b>#{lunarFestival} #{solarFestival} #{jieqi}</b>"<br /> } C.innerHTML=Y(c,a);<br /> C.style.top=Z.offsetTop+Z.offsetHeight-5+"px";<br /> C.style.left=Z.offsetLeft+Z.offsetWidth-5+"px";<br /> C.style.display="block"<br /> } function X(){<br /> C.style.display="none"<br /> } return{<br /> show:function(Z){<br /> G(Z)<br /> } ,hide:function(){<br /> X()<br /> } ,init:function(Z){<br /> C=Z<br /> }<br /> }<br /> } )();<br /> var A=new U(new Date());<br /> if(S){<br /> window.attachEvent("onload",function(){<br /> W.reset(A)<br /> } )<br /> } W.init(A);<br /> Q.init(A);<br /> N.draw();<br /> } )();<br /> // --></mce:script>
抱歉!评论已关闭.