JScript日历

// JScript File
var checkyear=true;
var checkmonth=true;
function draw(year,month)
{
    
      if(year==null)
      {
      this.year=new Date().getFullYear();
      }
      else
      {
      this.year=year;
      }
      
      
      if(month==null)
      {
      this.month=new Date().getMonth();
      }
      else
      {
      this.month=month;
      }
     
      this.date=new Date().getDate();
      this.Result="";
      var textbox=document.getElementById("Text1"); 
    

      
      //debugger;
      var str="";

        
      var fday=new Date(this.year,this.month,1).getDay();
      var ldate=new Date(this.year,this.month+1,0).getDate();
      str+="<div style='height:0px; width:0px; border:2 px; z-index:500; position:absolute;left:0px; top: 0px; z-index:5000;display:none' id='ttDiv'>";
      str+="<table border=1>";
      str+="<tr>";
      
      str+="<td>";
      str+="<div id=td_year onclick=tdyear()>";
      str+=this.year;
      str+"</div>";
      
      str+="</td>";
      
      str+="<td>";
      str+="年";
      str+="</td>";
      
      str+="<td width=20px>";
      str+="<div id=td_month onclick=tdmonth()>";
      str+=this.month+1;
      str+="</div>"
      str+="</td>";
      
      str+="<td>";
      str+="月";
      str+="</td>";
      
      str+="</tr>";
      str+="</table>";
      str+="<table border=1 >";
      str+="<tr><td>日</td><td>一</td><td>二</td><td>三</td><td>四</td><td>五</td><td>六</td></tr>";
      str+="</table>";
        
     
      str+="<table border=1>";
     for(var i=0;i<6;i++)
     {
         str+="<tr>";

      
             for(var j=1;j<8;j++)
             {
      
                 if(  ( i*7+j<=fday )|| (i*7+j)>ldate+fday )
                 {
                     str+="<td>";
                     str+="";
                     str+="</td>";
                 }
                 if((i*7+j)>fday&& (i*7+j)<=ldate+fday)
                 {
                      str+="<td onclick=fun('"+(i*7+j-fday)+"')>";
                      str+=i*7+j-fday;
                      str+="</td>";
                 }
              }
      
      str+="</tr>";
    
     
     }
     
      
 str+="</table>";
  str+="<table>";
      str+="<tr>";
      str+="<td>";
      str+="<input id=\"Button1\" type=\"button\" value=\"清空\" onclick=btn_onclick() />";
      str+="</td>";
      str+="</tr>";
   str+="</table>";
 
 str+="</div>";


      this.Result+=str;
      var hh=document.getElementById("date");
      hh.innerHTML=this.Result;
        var div=document.getElementById("ttDiv");
        div.style.display="block";
        div.style.left=window.event.x+20+"px";
        div.style.top=window.event.y+20+"px";
        

 
}
 
function fun(date)
{
this.date=date;
 var textbox=document.getElementById("Text1");
textbox.value+=this.date+"日";
del();
 

}
function del()
{

   var hh=document.getElementById("date");
  hh.innerHTML="";
}

function tdyear()
{
 var TY=document.getElementById("td_year");
 if (checkyear)
{
var str="";
str+="<select id=testyear onchange=changeyear();>";
 for(var p=2005;p<=2008;p++)
      {
      if(p==this.year)
       {
        str+="<option value="+p+"  selected= true >";
        }
      else
       {
         str+="<option value="+p+">";
         }
      str+=p;
      str+="</option>";
      }
      str+="</select>";
     checkyear=false;
     TY.innerHTML=str;    
     
     }

}
function tdmonth()
{
   
      var TM=document.getElementById("td_month");
     
      if(checkmonth) 
      {
      var str="";
      
      str+="<select id=testmonth onchange=changemonth();>";
      for(var i=1;i<=12;i++)
      {
      if(i==this.month+1 )
      {
        str+="<option value="+i+" selected=true>";
        }
      else
      {
        str+="<option value="+i+">";
        }
      str+=i;
      str+="</option>";
      }
      str+="</select>";
      checkmonth=false;
     TM.innerHTML=str;
       }

}

function changeyear()
{
    
     var ddl=document.getElementById("testyear");
     var textbox=document.getElementById("Text1");  
     var year=ddl.value;

     draw(year,month);
     tdyear();
     //  tdmonth();
     textbox.value+=year+"年"; 
     var TM=document.getElementById("td_year");
    TM.innerHTML=year;
    checkyear=true;
    checkmonth=true;
}
function changemonth()
{
     var ddl=document.getElementById("testmonth");
     var textbox=document.getElementById("Text1");  
     var month=ddl.value;

     draw(year,month-1);
     tdmonth();
   //  tdyear();
     textbox.value+=month+"月";  
  
  var TM=document.getElementById("td_month");
  TM.innerHTML=month;
  checkmonth=true;
   checkyear=true;
  //TM.onclick=tdmonth();
}
function btn_onclick()
{
  var hh=document.getElementById("Text1");
  hh.value="";

}
posted @ 2008-03-10 14:51 遭雷劈 阅读(22) 评论(0)  编辑 收藏 网摘

标题  
姓名  
主页
Email (博主才能看到) 
验证码 *  看不清,换一张 [登录][注册]
内容(请不要发表任何与政治相关的内容)  
网站首页

新闻频道

社区

小组

博问

网摘

人才

找找看
  登录  使用高级评论  新用户注册  返回页首  恢复上次提交      
Google站内搜索

China-pub 计算机图书网上专卖店！6.5万品种 2-8折！
近千种 9-95 新二手计算图书火热销售中！
开发者征途系统新作：《设计模式——基于C#的工程化实现及扩展》



相关文章:

相关链接:

最新IT新闻:
谷歌李开复:我的传奇人生源于十句箴言
Twitter杀手Pownce被收购 两周内关闭服务
Live Search新增“即时返现”服务
MySpace CEO：明年广告营收仍会增长
2日科技博客精选：Windows占有率首次跌破90%