JS的初级阶段，万年历

最新推荐文章于 2024-04-22 09:32:37 发布

iteye_3946

最新推荐文章于 2024-04-22 09:32:37 发布

阅读量568

点赞数

文章标签： J# JavaScript ViewUI

firstday+1)+"</font>";
   else
    tab.rows[1].cells[lin1].innerHTML=lin1-firstday+1;
  //alert(lin1+","+firstday)
  weekend=lin1-firstday+1;
  lines=1;//第一行
}
//将最后2行值空之后再添加数据，以免遗留上一个月的数据,二行相对于非闰年的二月份
for(var i=0;i<7;i++)
{
  tab.rows[5].cells[i].innerHTML=" ";
  tab.rows[6].cells[i].innerHTML=" ";
}
while(weekend<lastday)//循环到月末
{
  for(var lin2=0;lin2<7;lin2++)
  {
   if(weekend+lin2<lastday)//数字小于等于当前月的最后一天
   {
    if(lin2==0||lin2==6)
     tab.rows[lines+1].cells[lin2].innerHTML="<font

color=red>"+(weekend+1+lin2)+"</font>";
    else
     tab.rows[lines+1].cells[lin2].innerHTML=weekend+1+lin2;
   }

   else
    tab.rows[lines+1].cells[lin2].innerHTML=" ";
  }
  weekend+=7;//周末再加7天
  lines+=1;//循环一次加一行

}
lastline="";
//var tab=document.getElementById('tab1');
var today=new Date();
var today1=today.getDate();
//如果选中的是本月，就要遍历，查找今天并设置为超链接格式
if(se1.selectedIndex==today.getYear()-1900&&se2.selectedIndex==today.getMonth())
{
for(var i=1;i<7;i++)
{
  for(var j=0;j<7;j++)
  {
   if(tab.rows[i].cells[j].innerHTML==today1)
   {
    tab.rows[i].cells[j].innerHTML="<a href=# onClick='alerttoday

()'>"+ today1 +"</a>";
    //alert(tab.rows[i].cells[j].innerHTML)
   }
  }
}
}
}
function setsel()
{
//var se1=document.getElementById('se1');
//var se2=document.getElementById('se2');
//document.all.se2.options.length=12;
for(var i=1900;i<2100;i++)
{
  se1.options.add(new Option(i,i-1900));
}
for(var m=1;m<13;m++)
{
  se2.options.add(new Option(m,m));
}
var today=new Date();//当前年月
se1.selectedIndex=today.getYear()-1900;
se2.selectedIndex=today.getMonth();//月份获取是0---11，与其索引相符
settab()

}
οnlοad=setsel
function monup()//下一月
{
if(se2.selectedIndex!=11)
se2.selectedIndex+=1
//alert(se2.selectedIndex)
settab()
}
function mondown()//上一月Line 71
{
if(se2.selectedIndex!=0)
se2.selectedIndex-=1
//alert(se2.selectedIndex)
settab()
}
function gettoday()//跳转到今天
{
var tab=document.getElementById('tab1');
var today=new Date();
se1.selectedIndex=today.getYear()-1900;
se2.selectedIndex=today.getMonth();
settab();
}
function alerttoday()//今天的alert
{
var today=new Date();
alert('今天是'+today.getYear()+'年'+today.getMonth()+'月'+today.getDate()

+'日');//Line119
}

</script>

<body>
<br><br>
<table border=0 id=tab1 align=center>
<tr align=center>
<td><font color=red>日</font></td><td>一</td><td>二</td><td>三</td><td>四</td><td>五

</td><td><font color=red>六</font></td>
</tr>
<tr align=center>
<td></td><td></td><td></td><td></td><td></td><td></td><td></td>
</tr>
<tr align=center>
<td></td><td></td><td></td><td></td><td></td><td></td><td></td>
</tr>
<tr align=center>
<td></td><td></td><td></td><td></td><td></td><td></td><td></td>
</tr>
<tr>
<td></td><td></td><td></td><td></td><td></td><td></td><td></td>
</tr>
<tr>
<td></td><td></td><td></td><td></td><td></td><td></td><td></td>
</tr>
<tr>
<td></td><td></td><td></td><td></td><td></td><td></td><td></td>
</tr>
</table>
<br><br>
<select id='se1' onChange="settab()" align=center></select>
<select id='se2' οnchange="settab()"></select>

iteye_3946

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JS的初级阶段，万年历

&lt;script language=javascript&gt;function settab(){ var tab=document.getElementById('tab1'); //alert(se1.options[se1.selectedIndex].text) var se11=se1.options[se1.selectedIndex].text; var se21=se2.op...
复制链接

扫一扫