一个js得日历，没有农历（很长时间写的，分享一下）


<html>
<head>
<style type="text/css">
 .d
 {
 position:absolute;
    
background:#009933;
width:40px;
height:20px;
display:inline;
z-index:1;
 font-size:12px;
text-align:left;

 }
 .dd
 {
    position:absolute;
background:#00CC00;
display:inline;
z-index:1;
width:40px;
height:20px;
font-size:12px;
text-align:left;
 }
 .ddd
 {
    position:absolute;
background:#FFFFFF;
display:inline;
z-index:1;
width:40px;
height:20px;
font-size:12px;
text-align:left;
 }
 .textBox
 {
 width:100px;
 background-color:#000000
 border-width:1px; border-style:solid;
 
 }
#tishi1 {

width:600px;
height:200px;
left: 36px;
top: 76px;
 
}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title><script language="javascript">
 var date=new Date();
 var year=date.getYear();
 var month=date.getMonth()+1;
 var day=date.getDate();
 
 var allDays=0;
  var Yyear=year;
  var Mmonth=month;
  var Dday=day;
  var curDay;
   var week=date.getDay();
   var xingQi=new Array();
   xingQi=['星期日','星期一','星期二','星期三','星期四','星期五','星期六'];
   
 function nowTime(hao,nian1,yue1)
 {  div=document.getElementById("tishi1");
   div.innerHTML="";  
  
  
    
    for(var k=0;k<7;k++)
   {
      var weeks;
  switch(k)
  {
     case 0:
 weeks="星期日";
 break;
 case 1:
 weeks="星期一";
 break;
 case 2:
 weeks="星期二";
 break;
 case 3:
 weeks="星期三";
 break;
 case 4:
 weeks="星期四";
 break;
  case 5:
 weeks="星期五";
 break;
  case 6:
 weeks="星期六";
 break;
 
  }
      
      div.innerHTML+="<div class='dd'>"+weeks+"</div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;";
   }
    div.innerHTML+="<p></p>";

    var m=0;
for(var i=0;i<5;i++)
{
   for(var j=0;j<7;j++)
   {
       
     if(i==0&&j<hao&&hao<7)
 {
    div.innerHTML+="<div class='ddd'></div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;";
 }
 else
 {
  m++;
  if(m<=getMonthDays(nian1,yue1)&&m==day)
  {
     curDay=i;
     div.innerHTML+="<div id="+i+" class='d' style='background-color:green;text-align:center;' onMouseOver='show(this,Yyear,Mmonth,curDay)' onMouseOut='hidden(this)'>"+m+"</div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;";
 
  }
    else if(m<=getMonthDays(nian1,yue1)){
  div.innerHTML+="<div id="+i+" class='d' style='background-color:#FFCC00;text-align:center;' onMouseOver='show(this,Yyear,Mmonth)' onMouseOut='hidden(this)'>"+m+"</div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;";
 

   }else
   {
     div.innerHTML+="<div class='ddd'></div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;";    }
  
    
 }
 
   }
    div.innerHTML+="<p>";
     
}
  
 } 
 function show(s,nn,mm)
 {        var t;var zifu;
Mmonth=document.getElementById("M").value;
        var div=document.getElementById("ceng1");
//var div1=document.getElementById(curid);
// div1.style.borderWidth=1;
 //div1.style.borderStyle="solid";
 //div1.style.backgroundColor="";
        div.style.display="inline";
//T=document.getElementById("test");
//T1=document.getElementById("test1");
        s.style.backgroundColor="green";

        s.style.fontSize="24";
s.style.color="red";
         if(Mmonth>=10)
       {
        zifu=Mmonth;
       }
       else
       {
        zifu="0"+Mmonth;
       }
  //T.value=s.style.pixelTop;
 
div.style.pixelTop=s.style.pixelTop; 
//T1.value=div.style.pixelTop;
div.innerHTML=s.innerHTML+"号";
           if(s.innerHTML>=10)
            {
               zifu+=s.innerHTML;
            }
           else
             {
                zifu+="0"+s.innerHTML;
             }
div.style.color="#FFFFFF";
     div.style.borderColor="#000000";
     
for(var k=0;k<riqi.length;k++)
{
   if(riqi[k]==zifu)
   {
   
    div.innerHTML+="<br>"+jieri[k];
   }
   
}
//div.innerHTML+="<br>"+"</br>";


t=(getAllDays(nn,mm)+parseInt(s.innerHTML)-1)%7+1;
     if(t>=7)
 {
   t=0;
 }
div.innerHTML+="<br>"+xingQi[t];
div.style.pixelLeft=s.offsetLeft+40;
div.style.pixelTop=s.offsetTop;

 }
 function hidden(ss)
 {
    var div=document.getElementById("ceng1");
if(ss.innerHTML==day)
{
  ss.style.backgroundColor="green";
}else
{
ss.style.backgroundColor="#FFCC00";
}ss.style.fontSize="12";
ss.style.color="#000000";
div.style.display="none";
 } function getAllDays(Y,M)//传入Y年M月D日,返回距离1900年1月1日的天数
{
       allDays=0;
for(var i=1900;i<Y;i++)
{
 if(isNotLeapYear(i))
 {
allDays+=366;
 }else
 {
   allDays+=365;
 }
}

   for(var j=1;j<M;j++)
   {
    allDays+=getMonthDays(Y,j);
   }
return allDays;

}function getMonthDays(Y,M)
{
var monthDays=0;
     if(M==1||M==3||M==5||M==7||M==8||M==10||M==12)
 {

    monthDays=31;
 }else if(M==4||M==6||M==9||M==11)
 {
   monthDays=30;
 }
 else if(isNotLeapYear(Y)==true&&M==2)
 {
   monthDays=29;
 }
 else if(isNotLeapYear(Y)==false&&M==2)
 {
   monthDays=28;
 }
 
 return monthDays;
}function isNotLeapYear(y)//判断是否是闰年
{
  if((y%4==0&&y%100!=0)||y%400==0)
{
   return true;
}else
return false;
}function changeYear(n,yuefen)
{
Init();
var tian; 
 tian=getAllDays(n,yuefen);
   var yihao;
    yihao=1+allDays%7;
nowTime(yihao,n,yuefen);
}</script>
<script language="javascript">
var jieri=new Array();
var riqi=new Array();
  jieri=["元旦","腊八节","小寒","小年","大寒"
,"除夕","春节","立春","元宵节","情人节",
"雨水","龙抬头","惊蛰","妇女节","植树节"
,"春分","清明节","谷雨","劳动节","青年节",
"立夏","母亲节","小满","端午节","儿童节",
"芒种","夏至","建党节","小暑","大暑",
"建军节","立秋","处暑","七夕","白露",
"教师节","秋分","国庆节","中秋节","寒露",
"霜降","重阳节","立冬","小雪","冬至",
"圣诞节"];
  riqi=["0101","0103","0105","0118","0120",
       "0125","0126","0203","0209","0214",
       "0218","0226","0305","0308","0312",
       "0320","0404","0420","0501","0504",
       "0505","0510","0521","0528","0601",
       "0605","0621","0701","0707","0723",
       "0801","0807","0823","0826","0907",
       "0910","0923","1001","1003","1008",
       "1023","1026","1107","1122","1222",
       "1225"]
    riqi["0101"]="元旦";riqi["0103"]="腊八节";riqi["0105"]="小寒";riqi["0118"]="小年";riqi["0120"]="大寒";
   riqi["0125"]="除夕";riqi["0126"]="春节";riqi["0203"]="立春";riqi["0209"]="元宵节";riqi["0214"]="情人节";
    riqi["0218"]="雨水";riqi["0226"]="龙抬头";riqi["0305"]="惊蛰";riqi["0308"]="妇女节";riqi["0312"]="植树节";
    riqi["0320"]="春分";riqi["0404"]="清明节";riqi["0420"]="谷雨";riqi["0501"]="劳动节";riqi["0504"]="青年节";
    riqi["0505"]="立夏";riqi["0510"]="母亲节";riqi["0521"]="小满";riqi["0528"]="端午节";riqi["0601"]="儿童节";
    riqi["0605"]="芒种";riqi["0621"]="夏至";riqi["0701"]="建党节";riqi["0707"]="小暑";riqi["0723"]="大暑";
riqi["0801"]="建军节";riqi["0807"]="立秋";riqi["0823"]="处暑";riqi["0826"]="七夕";riqi["0907"]="白露";
riqi["0910"]="教师节";riqi["0923"]="秋分";riqi["1001"]="国庆节";riqi["1003"]="中秋节";riqi["1008"]="寒露";
    riqi["1023"]="霜降";riqi["1026"]="重阳节";riqi["1107"]="立冬";riqi["1122"]="小雪"; riqi["1222"]="冬至";
     riqi["1225"]="圣诞节";
    
    
   
   
  function yuefen()
{
   var days=new Array();
    days=document.getElementById("D").options;
days.length=0;
 for(var k=1;k<=getMonthDays(document.getElementById("N").value,document.getElementById("M").value);k++)
  {
  
           
         days.add(new Option(k,k));
 if(k==day)
 {
  
     document.getElementById("D").value=k;
  }
 }
} 
 function Init()
{  var years=new Array();
  var months=new Array();
 
  
  years=document.getElementById("N").options;
  months=document.getElementById("M").options;
   for(var i=year;i>=1900;i--)
{  years.add(new Option(i,i));
} for(var j=1;j<=12;j++)
 {   months.add(new Option(j,j));
    if(j==month)
 {
   document.getElementById("M").value=month;
 }
 }
yuefen();
 
} function changeTime()
{   
  Yyear=document.getElementById("N").value;
  Mmonth=document.getElementById("M").value;
  Dday=document.getElementById("D").value;
  var tian; 
 tian=getAllDays(Yyear,Mmonth);
   var yihao;
    yihao=1+allDays%7;
nowTime(yihao,Yyear,Mmonth);
  
}</script>
</head>    <body onLoad="changeYear(Yyear,Mmonth)">
<table width="935">
 <tr>
   <td width="584"><label></label>
     <label>
<input type="button" name="Submit" value="前进" onClick="">
<input type="button" name="Submit2" value="后退">
<select name="select" id="N" onChange="changeTime()" onBlur="yuefen()">
</select>
年
<select name="select2" id="M" onChange="changeTime()" onBlur="yuefen()">
</select> 
月
<select name="select3" id="D" onChange="changeTime()">
</select> 
日     </label></td>
 </tr>
</table>
<div id="ceng1" style="display:none;position:absolute;width:60px; z-index:2; border-width:1px; border-style:solid; height:60px; background:#00CC00" ></div>
<table width="933" height="290" border="1">
  <tr>
    <td width="923" colspan="3" align="center"><div id="tishi1" style="background-image:url(green.jpg)">

    </div></td>
  </tr>
</table>
</body>
</html>