分享：梅花雨日历控件2.02版-网页设计,HTML/CSS-IDC资讯中心

　　感谢meizz和walkingpoison，梅花雨日历控件很好用，我前面的贴子
http://community.csdn.net/expert/topicview.asp?id=3575789
发布了英文版（2.01版），通过最近一段时期的使用，根据用户反馈增加了两个内容：
　　一是，当文本框只读的时候，不能清空其内容，现加入了一个c(clear)的按钮，可以清空；
　　二是，下面的一行，原本是可以按月或者是年变更，现在加入了按十年变更的按钮。
代码如下

window.frames.meizzdatelayer.document.writeln(strframe);
window.frames.meizzdatelayer.document.close();

var outobject;
var outbutton;
var outdate=””;
var odatelayer=window.frames.meizzdatelayer.document.all;
function setday(tt,obj)
{
if (arguments.length > 2){alert(“sorry, too many parameters”);return;}
if (arguments.length == 0){alert(“sorry, none parameter!”);return;}
var dads = document.all.meizzdatelayer.style;
var th = tt;
var ttop = tt.offsettop;
var thei = tt.clientheight;
var tleft = tt.offsetleft;
var ttyp = tt.type;
while (tt = tt.offsetparent){ttop+=tt.offsettop; tleft+=tt.offsetleft;}
dads.top = (ttyp==”image”)? ttop+thei : ttop+thei+6;
dads.left = tleft;
outobject = (arguments.length == 1) ? th : obj;
outbutton = (arguments.length == 1) ? null : th;
var reg = /^(\d{1,2})\/(\d{1,2})\/(\d+)$/;
var r = outobject.value.match(reg);

if(r!=null){

  r[0]=r[3];
  r[3]=r[2];
  r[2]=r[1];
  r[1]=r[0];

  r[2]=r[2]-1;
  var d= new date(r[1], r[2],r[3]);
  if(d.getfullyear()==r[1] && d.getmonth()==r[2] && d.getdate()==r[3]){
   outdate=d;
  }
  else outdate=””;
   meizzsetday(r[1],r[2]+1);
}
else{
  outdate=””;
  meizzsetday(new date().getfullyear(), new date().getmonth() + 1);
}
dads.display = ;

event.returnvalue=false;
}

var monhead = new array(12);
    monhead[0] = 31; monhead[1] = 28; monhead[2] = 31; monhead[3] = 30; monhead[4] = 31; monhead[5] = 30;
    monhead[6] = 31; monhead[7] = 31; monhead[8] = 30; monhead[9] = 31; monhead[10] = 30; monhead[11] = 31;

var meizztheyear=new date().getfullyear();
var meizzthemonth=new date().getmonth()+1;
var meizzwday=new array(39);

function document.onclick()
{
with(window.event)
{ if (srcelement.getattribute(“author”)==null && srcelement != outobject && srcelement != outbutton)
closelayer();
}
}

function document.onkeyup()
{
    if (window.event.keycode==27){
  if(outobject)outobject.blur();
  closelayer();
}
else if(document.activeelement)
  if(document.activeelement.getattribute(“author”)==null && document.activeelement != outobject && document.activeelement != outbutton)
  {
   closelayer();
  }
}

function meizzwritehead(yy,mm)
{
odatelayer.meizzyearhead.innertext = string(yy);
odatelayer.meizzmonthhead.innertext = athosmonthnumtoname(string(mm));
}

function athosmonthnametonum(mn)
{
switch (string(mn))
{
   case “january” :
      return string(1);
   case “feburary” :
      return string(2);
   case “march” :
   return string(3);
   case “april” :
      return string(4);
   case “may” :
      return string(5);
   case “june” :
      return string(6);
   case “july” :
   return string(7);
   case “august” :
      return string(8);
   case “september” :
      return string(9);
   case “october” :
      return string(10);
   case “november” :
   return string(11);
   case “december” :
      return string(12);
   default :
      return string(0);
}
}

function athosmonthnumtoname(mm)
{
switch (mm)
{
   case “1”:
  return string(“january”);
   case “2”:
  return string(“feburary”);
   case “3”:
  return string(“march”);
   case “4”:
  return string(“april”);
   case “5”:
  return string(“may”);
   case “6”:
  return string(“june”);
   case “7”:
  return string(“july”);
   case “8”:
  return string(“august”);
   case “9”:
  return string(“september”);
   case “10”:
  return string(“october”);
   case “11”:
  return string(“november”);
   case “12”:
  return string(“december”);
   default :
      return string(“unknownmonth”);
}
}

function ispinyear(year)
{
if (0==year%4&&((year%100!=0)||(year%400==0))) return true;else return false;
}

function getmonthcount(year,month)
{
    var c=monhead[month-1];if((month==2)&&ispinyear(year)) c++;return c;
}
function getdow(day,month,year)
{
    var dt=new date(year,month-1,day).getday()/7; return dt;
}

分享：梅花雨日历控件2.02版-网页设计,HTML/CSS

相关推荐

热门标签

热门文章

分类目录