程序博客网 > 立体包装软件

另一个简单点的日历控件

来源：互联网 发布：立体包装软件 编辑：程序博客网 时间：2024/05/17 21:53

别人做的，觉得有点意思，贴出来共享一下，如果您觉得代码涉及侵权，请通知我，我马上删除：

有两个文件，calendar.htm，calendar.js。

这是calendar.js的代码：

document.write('<iframe id=CalFrame name=CalFrame frameborder=0 src=Script/calendar/calendar.htm style=display:none;position:absolute;z-index:100></iframe>');
document.onclick=hideCalendar;

function showCalendar(sImg,bOpenBound,sFld1,sNextP,sNextD,sStartD,sEndD,sVD,sOE,sVDE,sOT,s3F,sFld2,sCallback,sNextVDE)
{
 //1.sImg日历弹出位置的控件的名称,
 //2.bOpenBound,
 //3.sFld1取得日期的控件名称,
 
 
 //4.sNextP选取日期后新日历弹出的位置的控件名称,可不输入,
 //5.sNextD选取日期后新日历弹出从中取值的控件名称,可不输入,
 
 //6.sStartD开始有效时间,
 //7.sEndD截至有效时间,
 
 //8.sVD周几有效,例如：'1,3,5',注意星期日应输入'0'
 //9.sOE,单双日有效,'0'表示双日,'1'表示单日
 //10.sVDE特殊日期,例如'2004-10-11,2004-11-20,',最后一定要输入','
 //11.sOT如果是直接在文本框中点击'text',
 //12.s3F下一个日历弹出并选择后点取日期后定位到新的控件
 
 //sFld2,弹出日历默认日期
 //sCallback
 
 // sNextVDE 下一次焦点的有效时间.
 
 var fld1,fld2;
 var cf=document.getElementById("CalFrame");
 var wcf=window.frames.CalFrame;
 var oImg=document.getElementById(sImg);
 if(!oImg){alert("控制对象不存在！");return;}
 if(!sFld1){alert("输入控件未指定！");return;}
 fld1=document.getElementById(sFld1);
 if(!fld1){alert("输入控件不存在！");return;}
 if(fld1.tagName!="INPUT"||fld1.type!="text"){alert("输入控件类型错误！");return;}
 if(sFld2)
 {
  fld2=document.getElementById(sFld2);
  if(!fld2){alert("参考控件不存在！");return;}
  if(fld2.tagName!="INPUT"||(fld2.type!="text"&&fld2.type!="hidden")){alert("参考控件类型错误！");return;}
 }
 if(!wcf.bCalLoaded){alert("日历未成功装载！请刷新页面！");return;}
 wcf.n_position=sNextP;
 wcf.n_textdate=sNextD;
 wcf.startdate=sStartD;
 wcf.enddate=sEndD;
 wcf.vailidday=sVD;
 wcf.oddeven=sOE;
 wcf.vailiddate=sVDE;
 wcf.nextvailiddate = sNextVDE;
 wcf.objecttype=sOT;
 wcf.thirdfocus=s3F;
 if(cf.style.display=="block"){cf.style.display="none";return;}
 
 var eT=0,eL=0,p=oImg;
 var sT=document.body.scrollTop,sL=document.body.scrollLeft;
 var eH=oImg.height,eW=oImg.width;
 while(p&&p.tagName!="BODY"){eT+=p.offsetTop;eL+=p.offsetLeft;p=p.offsetParent;}
 if(sOT=="text")
 {
  cf.style.top=+(document.body.clientHeight-(eT-sT)-eH>=cf.height)?eT+eH+20:eT-cf.height;  
 }
 else
 {
  cf.style.top=(document.body.clientHeight-(eT-sT)-eH>=cf.height)?eT+eH:eT-cf.height;  
 }
 cf.style.left=(document.body.clientWidth-(eL-sL)>=cf.width)?eL:eL+eW-cf.width;
 cf.style.display="block";
 
 wcf.openbound=bOpenBound;
 wcf.fld1=fld1;
 wcf.fld2=fld2;
 wcf.callback=sCallback;
 wcf.initCalendar();
}
function hideCalendar()
{
 var cf=document.getElementById("CalFrame");
 cf.style.display="none";
}

这是calendar.htm源码：

  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!-- saved from url=(0056)http://www.elong.com/hotels/Script/calendar/calendar.htm -->
<HTML><HEAD>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<STYLE type=text/css>TD {
 FONT-SIZE: 12px; FONT-FAMILY: arial; TEXT-ALIGN: center
}
TD.dt {
 FONT-SIZE: 11px; FONT-FAMILY: arial; TEXT-ALIGN: center
}
A {
 COLOR: blue
}
A:hover {
 COLOR: red
}
A.bt {
 COLOR: #888888
}
</STYLE>

<SCRIPT language=javascript>
<!--//
var str='',i,j,yy,mm,openbound,callback;
var fld1,fld2;
var wp=window.parent;
var cf=wp.document.getElementById("CalFrame");
var fld,curday,sd,ed,today=new Date();
var n_position,n_textdate,startdate,enddate,vailidday,oddeven,vailiddate,nextvailiddate,objecttype,mmm,ddd,thirdfocus;
mmm="";
today.setHours(0);today.setMinutes(0);today.setSeconds(0);today.setMilliseconds(0);
//var lastyear=today.getYear(),lastmonth=today.getMonth();

function parseDate(s)//解析日期
{
 var reg=new RegExp("[^0-9-]","")
 if(s.search(reg)>=0)return today;
 var ss=s.split("-");
 if(ss.length!=3)return today;
 if(isNaN(ss[0])||isNaN(ss[1])||isNaN(ss[2]))return today;
 return new Date(parseFloat(ss[0]),parseFloat(ss[1])-1,parseFloat(ss[2]));
}
function resizeCalendar(){cf.width=144;cf.height=192;}//设定日历宽高
function initCalendar()//初始化
{
 curday=today;
 if(fld1&&fld1.value.length>0){curday=parseDate(fld1.value);}
 if(fld2&&fld2.value.length>0){curday=parseDate(fld2.value);} 
 if (!startdate==""){sd=parseDate(startdate)}
 if (!enddate==""){ed=parseDate(enddate)}
 //window.alert(startdate);
 //window.alert(enddate);
 drawCalendar(curday.getFullYear(),curday.getMonth());
}
function drawCalendar(y,m)//画日历
{
 var x=new Date(y,m,1),mv=x.getDay(),d=x.getDate(),de;
 yy=x.getFullYear();mm=x.getMonth();
 document.getElementById("yyyymm").innerHTML=yy+"."+(mm+1>9?mm+1:"0"+(mm+1));
 //清空日历
 for(var i=1;i<=mv;i++)
 {
  de=document.getElementById("d"+i);
  de.innerHTML="";
  de.bgColor="";
 }
 //画日历
 while(x.getMonth()==mm)
 {
  de=document.getElementById("d"+(d+mv));
  if(x.getTime()==curday.getTime())
   de.bgColor="#dddddd";
  else
   de.bgColor="#DEF1F8";
  if(x.getTime()==today.getTime())
  {
   //window.alert(1);
   if(ifDraw(x))
   {
    de.innerHTML="<a href=javascript:setDate("+d+");><font color=red>"+d+"</font></a>";
   }
   else
   {
    de.innerHTML="<a href=javascript:setDate("+d+");><img  src=./icon/date"+d+".gif  border=0></a>"; 
    //de.innerHTML="<img  src=./d.jpg  border=0>";      
    //de.innerHTML="<a href=javascript:setDate("+d+");><font COLOR=#FF0000> X </font></a>";
   }
   
   
  }
  else if(x.getTime()<today.getTime())
  {
   
   
   //window.alert(2);
   if(ifDraw(x))
   {
    if(openbound){de.innerHTML="<a href=javascript:setDate("+d+"); class=bt>"+d+"</a>";}
    else{de.innerHTML="<font color=#888888>"+d+"</font>";}
   }
   else
   {
    de.innerHTML="<a href=javascript:setDate("+d+");><img  src=./icon/date"+d+".gif  border=0></a>"; 
    //de.innerHTML="<img  src=./d.jpg  border=0>";  
    
   // de.innerHTML="<a href=javascript:setDate("+d+");><font COLOR=#FF0000> X </font></a>";
   }   
  } 
  else
  {
   
   //window.alert(3);
   if(ifDraw(x))
   { 
    de.innerHTML="<a href=javascript:setDate("+d+");>"+d+"</a>";
   }
   else
   {
    de.innerHTML="<a href=javascript:setDate("+d+");><img  src=./icon/date"+d+".gif  border=0></a>"; 
    //de.innerHTML="<img  src=./d.jpg  border=0>"; 
    //de.innerHTML="<a href=javascript:setDate("+d+");><font COLOR=#FF0000> X </font></a>";
     
   }
   
   
  }
  x.setDate(++d);
 }
 while(d+mv<=42)
 {
  de=document.getElementById("d"+(d+mv));
  de.innerHTML="";
  de.bgColor="";
  d++;
 }
}
function ifDraw(xd)
{
 if(!startdate==""&&!enddate=="")
 {
  
  if(xd.getTime()>=sd.getTime()&&xd.getTime()<=ed.getTime())
  { 
   
   if(returnOE(xd)&&returnVD(xd)&&returnVDE(xd))
   {
    return true
   }
   else
   {
    return false
   }
  }
  else
  {
   return false;
  }
 }
 else
 {
  if(returnOE(xd)&&returnVD(xd)&&returnVDE(xd))
  {
   return true
  }
  else
  {
   return false
  }
  
 }
}
function returnOE(xd)
{
 if(!oddeven=="")
  {
  if(oddeven=="0")
  {
   if(xd.getDate()%2==0)
   {
    return true;
   }
   else
   {
    return false;
   }
  }
  else
  {
   if(!(xd.getDate()%2==0))
   {
    return true;
   }
   else
   {
    return false;
   }
  }
 
 }
 else
 {
  return true;
 }
}
function returnVD(xd)
{
 if(!vailidday=="")
 {
  if(vailidday.indexOf(xd.getDay().toString())>=0)
  {
   return true;
  }
  else
  {
   return false;
  }
 }
 else
 {
  return true;
 }
}
function returnVDE(xd)
{
 if(!vailiddate=="")
 {
  if(vailiddate.indexOf(xd.getYear().toString()+"-"+(xd.getMonth()+1).toString()+"-"+xd.getDate().toString()+",")>=0)
  {
   return true;
  }
  else
  {
   return false;
  }
 }
 else
 {
  return true;
 }
}

function setDate(d)//设置日期
{
 wp.hideCalendar();
 /*
 if(mm.toString().length==1)
 {
  mmm="0"+(mm+1).toString();
 }
 else
 {
  mmm=mm+1;
 }
 if(d.toString().length==1)
 {
  ddd="0"+d.toString();
 }
 else
 {
  ddd=d;
 }
 var dstr=yy+"-"+(mmm)+"-"+ddd;
 */
 mmm=mm+1;
 var dstr=yy+"-"+(mmm)+"-"+d;
 if(callback&&callback.length>0){eval("wp."+callback+"(/""+dstr+"/")");}
 else{fld1.value=dstr;}
 if(!n_position==""&&!n_textdate=="")
 {  
  //wp.document.getElementById(n_textdate).value="";
  wp.showCalendar(n_position,false,n_textdate,'','',startdate,enddate,vailidday,oddeven,nextvailiddate,objecttype,thirdfocus,fld1.id,true);   
  
 }
 else
 {
  if(!thirdfocus=="")
  {
   otd=wp.document.getElementById(thirdfocus);
   otd.focus();
   
  }
 }
 //hideCalendar();
 
}
//-->
</SCRIPT>

<META content="MSHTML 6.00.2900.2668" name=GENERATOR></HEAD>
<BODY bgColor=white leftMargin=0 topMargin=0 onload=resizeCalendar();
marginheight="0" marginwidth="0">
<TABLE id=tbl0 cellSpacing=0 cellPadding=1 bgColor=#7db6c7 border=0>
  <TBODY>
  <TR>
    <TD>
      <TABLE cellSpacing=1 cellPadding=2 width="100%" bgColor=white border=0>
        <TBODY>
        <TR bgColor=#7db6c7>
          <TD id=prev width=16><A
            href="javascript:drawCalendar(yy,mm-1);"><IMG height=16
            src="./icon/prev.gif" width=16 border=0></A></TD>
          <TD id=yyyymm style="FONT-SIZE: 12px; COLOR: white" width="99%"></TD>
          <TD id=next width=16><A
            href="javascript:drawCalendar(yy,mm+1);"><IMG height=16
            src="./icon/next.gif" width=16
      border=0></A></TD></TR></TBODY></TABLE>
      <TABLE cellSpacing=0 cellPadding=0 width=142 bgColor=#def1f8 border=0>
        <TBODY>
        <TR bgColor=#ffffff height=18>
          <TD width=18 bgColor=#ffffff>日</TD>
          <TD width=18 bgColor=#ffffff>一</TD>
          <TD width=18 bgColor=#ffffff>二</TD>
          <TD width=18 bgColor=#ffffff>三</TD>
          <TD width=18 bgColor=#ffffff>四</TD>
          <TD width=18 bgColor=#ffffff>五</TD>
          <TD width=18 bgColor=#ffffff>六</TD></TR>
        <TR height=1>
          <TD bgColor=#def1f8 colSpan=7></TD></TR>
        <SCRIPT language=javascript>
<!--//
for(i=0;i<6;i++)
{
 str+="<tr height=18>";
 for(j=1;j<=7;j++)str+="<td id=d"+(i*7+j)+"  bgColor='#DEF1F8'></td>";
 str+="</tr>";
}
document.write(str);
//-->
</SCRIPT>

        <TR height=18>
          <TD bgColor=#def1f8 colSpan=7>&nbsp;</TD></TR>
        <TR bgColor=#7db6c7 height=20>
          <TD colSpan=7><A
            style="FONT-SIZE: 12px; COLOR: white; TEXT-DECORATION: none"
            href="javascript:wp.hideCalendar();">关闭窗口</A></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
<SCRIPT language=javascript>
<!--//
var bCalLoaded=true;
//-->
</SCRIPT>
</BODY></HTML>
TD {FONT-SIZE: 12px; FONT-FAMILY: arial; TEXT-ALIGN: center}TD.dt {FONT-SIZE: 11px; FONT-FAMILY: arial; TEXT-ALIGN: center}A {COLOR: blue}A:hover {COLOR: red}A.bt {COLOR: #888888}TD {FONT-SIZE: 12px; FONT-FAMILY: arial; TEXT-ALIGN: center}TD.dt {FONT-SIZE: 11px; FONT-FAMILY: arial; TEXT-ALIGN: center}A {COLOR: blue}A:hover {COLOR: red}A.bt {COLOR: #888888}

 

立体包装软件 立体包装软件
原创粉丝点击
热门IT博客
python 3程序开发指南python 3程序开发指南
win10专业版激活软件win10专业版激活软件
淘宝卖家设置主营类目
中国程序员 垃圾
js中闭包的概念
nginx haproxy
自学linux运维要多久
怎么在淘宝搜索高仿
剑网3捏脸数据女
未来影响现在知乎
魔兽世界月卡 知乎
isis仿真软件下载
八一农垦大学 知乎
腾讯域名认证
苹果手机4g网络不稳定
c语言二分法求方程的根
plc三维动画仿真软件
沈阳知行科技是培训吗
adobe flash cs3 mac
centos 挂载硬盘
热门问题 老师的惩罚 人脸识别 我在镇武司摸鱼那些年 重生之率土为王 我在大康的咸鱼生活 盘龙之生命进化 天生仙种 凡人之先天五行 春回大明朝 姑娘不必设防，我是瞎子 大宝法王 于大宝 金大宝 大宝洗面奶 风流大宝 张领领大宝 鸡大宝解说 蚂蚁大宝卡 金大宝app 法国大宝 徐大宝 大宝眼霜 大宝二宝 金婚大宝 大宝怎么样 大宝好用吗 大宝好不好 大宝怎么用 大宝品牌 大宝防晒霜 大宝图片 大宝防晒露 大宝产品 少年 大宝 轩辕大宝大宝传奇 大宝天天见 大宝护肤品 大宝风流 大宝广告词 大宝套装 大宝旗舰店 大宝洁面乳 大宝面膜 大宝国际 大宝公司 大宝化妆品 大宝晚霜 大宝爽肤水 大宝乳胶漆 大宝日化 大宝水性漆

程序博客网，程序员的互联网技术博客家园。csdn论坛精品 msdn技术资料都在这里