59、又一日期的选择

59、又一日期的选择

脚本说明:

把如下代码加入<body>区域中

<script language="javascript">

 

 

// default settings

var fontFace="verdana";

var fontSize=9;

 

var titleWidth=90;

var titleMode=1;

var dayWidth=12;

var dayDigits=1;

 

var titleColor="#cccccc";

var daysColor="#cccccc";

var bodyColor="#ffffff";

var dayColor="#ffffff";

var currentDayColor="#333333";

var footColor="#cccccc";

var borderColor="#333333";

 

var titleFontColor = "#333333";

var daysFontColor = "#333333";

var dayFontColor = "#333333";

var currentDayFontColor = "#ffffff";

var footFontColor = "#333333";

 

var calFormat = "yyyy/mm/dd";

 

var weekDay = 0;

// ------

 

// codes

var calWidth=200, calHeight=200, calOffsetX=-200, calOffsetY=16;

var calWin=null;

var winX=0, winY=0;

var cal="cal";

var cals=new Array();

var currentCal=null;

 

var yxMonths=new Array("January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December");

var yxDays=new Array("Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday");

var yxLinks=new Array("[close]", "[clear]");

 

var isOpera=(navigator.userAgent.indexOf("Opera")!=-1)?true:false;

var isOpera5=(navigator.appVersion.indexOf("MSIE 5")!=-1 && navigator.userAgent.indexOf("Opera 5")!=-1)?true:false;

var isOpera6=(navigator.appVersion.indexOf("MSIE 5")!=-1 && navigator.userAgent.indexOf("Opera 6")!=-1)?true:false;

var isN6=(navigator.userAgent.indexOf("Gecko")!=-1);

var isN4=(document.layers)?true:false;

var isMac=(navigator.userAgent.indexOf("Mac")!=-1);

var isIE=(document.all && !isOpera && (!isMac || navigator.appVersion.indexOf("MSIE 4")==-1))?true:false;

 

if (isN4) {

  fontSize+=2;

}

 

var span2="</span>";

 

function span1(tag) {

  return "<span class='"+tag+"'>";

}

function spanx(tag, color) {

  return "."+tag+" { font-family:"+fontFace+"; font-size:"+fontSize+"px; color:"+color+"; }\n";

}

 

function a1(tag) {

  return "<a class='"+tag+"' href=";

}

 

function ax(tag, color) {

  return "."+tag+" { text-decoration:none; color:"+color+"; }\n";

}

 

function calOBJ(name, title, field, form) {

  this.name = name;

  this.title = title;

  this.field = field;

  this.formName = form;

  this.form = null

}

 

function setFont(font, size) {

  if (font != "") {

    fontFace=font;

  }

  if (size > 0) {

    fontSize=size;

 

    if (isN4) {

      fontSize+=2;

    }

  }

}

 

function setWidth(tWidth, tMode, dWidth, dDigits) {

  if (tWidth > 0) {

    titleWidth=tWidth;

  }

  if (tMode == 1 || tMode == 2) {

    titleMode=tMode;

  }

  if (dWidth > 0) {

    dayWidth=dWidth;

  }

  if (dDigits > 0) {

    dayDigits=dDigits;

  }

}

 

function setColor(tColor, dsColor, bColor, dColor, cdColor, fColor, bdColor) {

  if (tColor != "") {

    titleColor=tColor;

  }

  if (dsColor != "") {

    daysColor=dsColor;

  }

  if (bColor != "") {

    bodyColor=bColor;

  }

  if (dColor != "") {

    dayColor=dColor;

  }

  if (cdColor != "") {

    currentDayColor=cdColor;

  }

  if (fColor != "") {

    footColor=fColor;

  }

  if (bdColor != "") {

    borderColor=bdColor;

  }

}

 

function setFontColor(tColorFont, dsColorFont, dColorFont, cdColorFont, fColorFont) {

  if (tColorFont != "") {

    titleFontColor=tColorFont;

  }

  if (dsColorFont != "") {

    daysFontColor=dsColorFont;

  }

  if (dColorFont != "") {

    dayFontColor=dColorFont;

  }

  if (cdColorFont != "") {

    currentDayFontColor=cdColorFont;

  }

  if (fColorFont != "") {

    footFontColor=fColorFont;

  }

}

 

function setFormat(format) {

  calFormat = format;

}

 

function setSize(width, height, ox, oy) {

  if (width > 0) {

    calWidth=width;

  }

  if (height > 0) {

    calHeight=height;

  }

 

  calOffsetX=ox;

  calOffsetY=oy;

}

 

function setWeekDay(wDay) {

  if (wDay == 0 || wDay == 1) {

    weekDay = wDay;

  }

}

 

function setMonthNames(janName, febName, marName, aprName, mayName, junName, julName, augName, sepName, octName, novName, decName) {

  if (janName != "") {

    yxMonths[0] = janName;

  }

  if (febName != "") {

    yxMonths[1] = febName;

  }

  if (marName != "") {

    yxMonths[2] = marName;

  }

  if (aprName != "") {

    yxMonths[3] = aprName;

  }

  if (mayName != "") {

    yxMonths[4] = mayName;

  }

  if (junName != "") {

    yxMonths[5] = junName;

  }

  if (julName != "") {

    yxMonths[6] = julName;

  }

  if (augName != "") {

    yxMonths[7] = augName;

  }

  if (sepName != "") {

    yxMonths[8] = sepName;

  }

  if (octName != "") {

    yxMonths[9] = octName;

  }

  if (novName != "") {

    yxMonths[10] = novName;

  }

  if (decName != "") {

    yxMonths[11] = decName;

  }

}

 

function setDayNames(sunName, monName, tueName, wedName, thuName, friName, satName) {

  if (sunName != "") {

    yxDays[0] = sunName;

    yxDays[7] = sunName;

  }

  if (monName != "") {

    yxDays[1] = monName;

  }

  if (tueName != "") {

    yxDays[2] = tueName;

  }

  if (wedName != "") {

    yxDays[3] = wedName;

  }

  if (thuName != "") {

    yxDays[4] = thuName;

  }

  if (friName != "") {

    yxDays[5] = friName;

  }

  if (satName != "") {

    yxDays[6] = satName;

  }

}

 

function setLinkNames(closeLink, clearLink) {

  if (closeLink != "") {

    yxLinks[0] = closeLink;

  }

  if (clearLink != "") {

    yxLinks[1] = clearLink;

  }

}

 

function addCalendar(name, title, field, form) {

  cals[cals.length] = new calOBJ(name, title, field, form);

}

 

function findCalendar(name) {

  for (var i = 0; i < cals.length; i++) {

    if (cals[i].name == name) {

      if (cals[i].form == null) {

        if (cals[i].formName == "") {

          if (document.forms[0]) {

            cals[i].form = document.forms[0];

          }

        }

        else if (document.forms[cals[i].formName]) {

          cals[i].form = document.forms[cals[i].formName];

        }

      }

 

      return cals[i];

    }

  }

 

  return null;

}

 

function getDayName(y,m,d) {

  var wd=new Date(y,m,d);

  return yxDays[wd.getDay()].substring(0,3);

}

 

function getMonthFromName(m3) {

  for (var i = 0; i < yxMonths.length; i++) {

    if (yxMonths[i].toLowerCase().substring(0,3) == m3.toLowerCase()) {

      return i;

    }

  }

 

  return 0;

}

 

function getFormat() {

  var calF = calFormat;

 

  calF = calF.replace(/\\/g, '\\\\');

  calF = calF.replace(/\//g, '\\\/');

  calF = calF.replace(/\[/g, '\\\[');

  calF = calF.replace(/\]/g, '\\\]');

  calF = calF.replace(/\(/g, '\\\(');

  calF = calF.replace(/\)/g, '\\\)');

  calF = calF.replace(/\{/g, '\\\{');

  calF = calF.replace(/\}/g, '\\\}');

  calF = calF.replace(/\</g, '\\\<');

  calF = calF.replace(/\>/g, '\\\>');

  calF = calF.replace(/\|/g, '\\\|');

  calF = calF.replace(/\*/g, '\\\*');

  calF = calF.replace(/\?/g, '\\\?');

  calF = calF.replace(/\+/g, '\\\+');

  calF = calF.replace(/\^/g, '\\\^');

  calF = calF.replace(/\$/g, '\\\$');

 

  calF = calF.replace(/dd/i, '\\d\\d');

  calF = calF.replace(/mm/i, '\\d\\d');

  calF = calF.replace(/yyyy/i, '\\d\\d\\d\\d');

  calF = calF.replace(/day/i, '\\w\\w\\w');

  calF = calF.replace(/mon/i, '\\w\\w\\w');

 

  return new RegExp(calF);

}

 

function getDateNumbers(date) {

  var y, m, d;

 

  var yIdx = calFormat.search(/yyyy/i);

  var mIdx = calFormat.search(/mm/i);

  var m3Idx = calFormat.search(/mon/i);

  var dIdx = calFormat.search(/dd/i);

 

  y=date.substring(yIdx,yIdx+4)-0;

  if (mIdx != -1) {

    m=date.substring(mIdx,mIdx+2)-1;

  }

  else {

    var m = getMonthFromName(date.substring(m3Idx,m3Idx+3));

  }

  d=date.substring(dIdx,dIdx+2)-0;

 

  return new Array(y,m,d);

}

 

function hideCal() {

  calWin.close();

  calWin = null;

  window.status = "";

}

 

function getLeftIE(x,m) {

  var dx=0;

  if (x.tagName=="TD"){

    dx=x.offsetLeft;

  }

  else if (x.tagName=="TABLE") {

    dx=x.offsetLeft;

    if (m) { dx+=(x.cellPadding!=""?parseInt(x.cellPadding):2); m=false; }

  }

  return dx+(x.parentElement.tagName=="BODY"?0:getLeftIE(x.parentElement,m));

}

function getTopIE(x,m) {

  var dy=0;

  if (x.tagName=="TR"){

    dy=x.offsetTop;

  }

  else if (x.tagName=="TABLE") {

    dy=x.offsetTop;

    if (m) { dy+=(x.cellPadding!=""?parseInt(x.cellPadding):2); m=false; }

  }

  return dy+(x.parentElement.tagName=="BODY"?0:getTopIE(x.parentElement,m));

}

 

function getLeftN4(l) { return l.pageX; }

function getTopN4(l) { return l.pageY; }

 

function getLeftN6(l) { return l.offsetLeft; }

function getTopN6(l) { return l.offsetTop; }

 

function lastDay(d) {

  var yy=d.getFullYear(), mm=d.getMonth();

  for (var i=31; i>=28; i--) {

    var nd=new Date(yy,mm,i);

    if (mm == nd.getMonth()) {

      return i;

    }

  }

}

 

function firstDay(d) {

  var yy=d.getFullYear(), mm=d.getMonth();

  var fd=new Date(yy,mm,1);

  return fd.getDay();

}

 

function dayDisplay(i) {

  if (dayDigits == 0) {

    return yxDays[i];

  }

  else {

    return yxDays[i].substring(0,dayDigits);

  }

}

 

function calTitle(d) {

  var yy=d.getFullYear(), mm=yxMonths[d.getMonth()];

  var s;

 

  if (titleMode == 2) {

    s="<tr align='center' bgcolor='"+titleColor+"'><td colspan='7'>\n<table cellpadding='0' cellspacing='0' border='0'><tr align='center' valign='middle'><td align='right'>"+span1("title")+"<b>"+a1("titlea")+"'javascript:if(window.opener && !window.opener.closed && window.opener.moveYear) window.opener.moveYear(-10)'> «</a> "+a1("titlea")+"'javascript:if(window.opener && !window.opener.closed && window.opener.moveYear) window.opener.moveYear(-1)'>‹ </a></b>"+span2+"</td><td width='"+titleWidth+"'><b>"+span1("title")+yy+span2+"</b></td><td align='left'>"+span1("title")+"<b>"+a1("titlea")+"'javascript:if (window.opener && !window.opener.closed && window.opener.moveYear) window.opener.moveYear(1)'> ›</a> "+a1("titlea")+"'javascript:if (window.opener && !window.opener.closed && window.opener.moveYear) window.opener.moveYear(10)'>» </a></b>"+span2+"</td></tr><tr align='center' valign='middle'><td align='right'>"+span1("title")+"<b>"+a1("titlea")+"'javascript:if (window.opener && !window.opener.closed && window.opener.prepMonth) window.opener.prepMonth("+d.getMonth()+")'> ‹ </a></b>"+span2+"</td><td width='"+titleWidth+"'><b>"+span1("title")+mm+span2+"</b></td><td align='left'>"+span1("title")+"<b>"+a1("titlea")+"'javascript:if (window.opener && !window.opener.closed && window.opener.nextMonth) window.opener.nextMonth("+d.getMonth()+")'> › </a></b>"+span2+"</td></tr></table>\n</td></tr><tr align='center' bgcolor='"+daysColor+"'>";

  }

  else {

    s="<tr align='center' bgcolor='"+titleColor+"'><td colspan='7'>\n<table cellpadding='0' cellspacing='0' border='0'><tr align='center' valign='middle'><td>"+span1("title")+"<b>"+a1("titlea")+"'javascript:if(window.opener && !window.opener.closed && window.opener.moveYear) window.opener.moveYear(-1)'> «</a> "+a1("titlea")+"'javascript:if (window.opener && !window.opener.closed && window.opener.prepMonth) window.opener.prepMonth("+d.getMonth()+")'>‹ </a></b>"+span2+"</td><td width='"+titleWidth+"'><nobr><b>"+span1("title")+mm+" "+yy+span2+"</b></nobr></td><td>"+span1("title")+"<b>"+a1("titlea")+"'javascript:if (window.opener && !window.opener.closed && window.opener.nextMonth) window.opener.nextMonth("+d.getMonth()+")'> ›</a> "+a1("titlea")+"'javascript:if(window.opener && !window.opener.closed && window.opener.moveYear) window.opener.moveYear(1)'>» </a></b>"+span2+"</td></tr></table>\n</td></tr><tr align='center' bgcolor='"+daysColor+"'>";

  }

 

  for (var i=weekDay; i<weekDay+7; i++) {

    s+="<td width='"+dayWidth+"'>"+span1("days")+dayDisplay(i)+span2+"</td>";

  }

 

  s+="</tr>";

 

  return s;

}

 

function calHeader() {

  return "<head>\n<title>"+currentCal.title+"</title>\n<style type='text/css'>\n"+spanx("title",titleFontColor)+spanx("days",daysFontColor)+spanx("foot",footColor)+spanx("day",dayFontColor)+spanx("currentDay",currentDayFontColor)+ax("titlea",titleFontColor)+ax("daya",dayFontColor)+ax("currenta",currentDayFontColor)+ax("foota",footFontColor)+"</style>\n</head>\n<body>\n<table align='center' border='0' bgcolor='"+borderColor+"' cellspacing='0' cellpadding='1'><tr><td>\n<table cellspacing='1' cellpadding='3' border='0'>";

}

 

function calFooter() {

  return "<tr bgcolor='"+footColor+"'><td colspan='7' align='center'>"+span1("foot")+"<b>"+a1("foota")+"'javascript:if (window.opener && !window.opener.closed && window.opener.hideCal) window.opener.hideCal()'>"+yxLinks[0]+"</a>  "+a1("foota")+"'javascript:if (window.opener && !window.opener.closed && window.opener.clearDate) window.opener.clearDate()'>"+yxLinks[1]+"</a></b>"+span2+"</td></tr></table>\n</td></tr></table>\n</body>";

}

 

function calBody(d,day) {

  var s="", dayCount=1, fd=firstDay(d), ld=lastDay(d);

 

  if (weekDay > 0 && fd == 0) {

    fd = 7;

  }

 

  for (var i=0; i<6; i++) {

    s+="<tr align='center' bgcolor='"+bodyColor+"'>";

    for (var j=weekDay; j<weekDay+7; j++) {

      if (i*7+j<fd || dayCount>ld) {

        s+="<td>"+span1("day")+" "+span2+"</td>";

      }

      else {

        var bgColor=dayColor;

        var fgTag="day";

        var fgTagA="daya";

        if (dayCount==day) {

          bgColor=currentDayColor;

          fgTag="currentDay";

          fgTagA="currenta";

        }

       

        s+="<td bgcolor='"+bgColor+"'>"+span1(fgTag)+a1(fgTagA)+"'javascript: if (window.opener && !window.opener.closed && window.opener.pickDate) window.opener.pickDate("+dayCount+")'>"+(dayCount++)+"</a>"+span2+"</td>";

      }

    }

    s+="</tr>";

  }

 

  return s;

}

 

function moveYear(dy) {

  cY+=dy;

  var nd=new Date(cY,cM,1);

  changeCal(nd);

}

 

function prepMonth(m) {

  cM=m-1;

  if (cM<0) { cM=11; cY--; }

  var nd=new Date(cY,cM,1);

  changeCal(nd);

}

 

function nextMonth(m) {

  cM=m+1;

  if (cM>11) { cM=0; cY++;}

  var nd=new Date(cY,cM,1);

  changeCal(nd);

}

 

function changeCal(d) {

  var dd = 0;

 

  if (currentCal != null) {

    var calRE = getFormat();

 

    if (currentCal.form[currentCal.field].value!="" && calRE.test(currentCal.form[currentCal.field].value)) {

      var cd = getDateNumbers(currentCal.form[currentCal.field].value);

      if (cd[0] == d.getFullYear() && cd[1] == d.getMonth()) {

        dd=cd[2];

      }

    }

    else {

      var cd = new Date();

      if (cd.getFullYear() == d.getFullYear() && cd.getMonth() == d.getMonth()) {

        dd=cd.getDate();

      }

    }

  }

 

  var calendar=calHeader()+calTitle(d)+calBody(d,dd)+calFooter();

 

  calWin.document.open();

  calWin.document.write(calendar);

  calWin.document.close();

}

 

function markClick(e) {

  if (isIE || isOpera6) {

    winX=event.screenX;

    winY=event.screenY;

  }

  else if (isN4 || isN6) {

    winX=e.screenX;

    winY=e.screenY;

 

    document.routeEvent(e);

  }

 

  return true;

}

 

function showCal(name) {

  var lastCal=currentCal;

  var d=new Date(), hasCal=false;

 

  currentCal = findCalendar(name);

 

  if (currentCal != null && currentCal.form != null && currentCal.form[currentCal.field]) {

    var calRE = getFormat();

 

    if (currentCal.form[currentCal.field].value!="" && calRE.test(currentCal.form[currentCal.field].value)) {

      var cd = getDateNumbers(currentCal.form[currentCal.field].value);

      d=new Date(cd[0],cd[1],cd[2]);

 

      cY=cd[0];

      cM=cd[1];

      dd=cd[2];

    }

    else {

      cY=d.getFullYear();

      cM=d.getMonth();

      dd=d.getDate();

    }

 

    var calendar=calHeader()+calTitle(d)+calBody(d,dd)+calFooter();

 

    if (calWin != null && !calWin.closed) {

      hasCal=true;

      calWin.moveTo(winX+calOffsetX,winY+calOffsetY);

    }

 

    if (!hasCal) {

      if (isIE || isOpera6) {

        calWin=window.open("","cal","toolbar=0,width="+calWidth+",height="+calHeight+",left="+(winX+calOffsetX)+",top="+(winY+calOffsetY));

      }

      else {

        calWin=window.open("","cal","toolbar=0,width="+calWidth+",height="+calHeight+",screenx="+(winX+calOffsetX)+",screeny="+(winY+calOffsetY));

      }

    }

 

    calWin.document.open();

    calWin.document.write(calendar);

    calWin.document.close();

 

    calWin.focus();

  }

  else {

    if (currentCal == null) {

      window.status = "Calendar ["+name+"] not found.";

    }

    else if (!currentCal.form) {

      window.status = "Form ["+currentCal.formName+"] not found.";

    }

    else if (!currentCal.form[currentCal.field]) {

      window.status = "Form Field ["+currentCal.formName+"."+currentCal.field+"] not found.";

    }

 

    if (lastCal != null) {

      currentCal = lastCal;

    }

  }

}

 

function get2Digits(n) {

  return ((n<10)?"0":"")+n;

}

 

function clearDate() {

  currentCal.form[currentCal.field].value="";

  hideCal();

}

 

function pickDate(d) {

  hideCal();

  window.focus();

 

  var date=calFormat;

  date = date.replace(/yyyy/i, cY);

  date = date.replace(/mm/i, get2Digits(cM+1));

  date = date.replace(/MON/, yxMonths[cM].substring(0,3).toUpperCase());

  date = date.replace(/Mon/i, yxMonths[cM].substring(0,3));

  date = date.replace(/dd/i, get2Digits(d));

  date = date.replace(/DAY/, getDayName(cY,cM,d).toUpperCase());

  date = date.replace(/day/i, getDayName(cY,cM,d));

 

  currentCal.form[currentCal.field].value=date;

  // IE5/Mac needs focus to show the value, weird.

  currentCal.form[currentCal.field].focus();

}

// ------

 

// user functions

function checkDate(name) {

  var thisCal = findCalendar(name);

 

  if (thisCal != null && thisCal.form != null && thisCal.form[thisCal.field]) {

    var calRE = getFormat();

 

    if (calRE.test(thisCal.form[thisCal.field].value)) {

      return 0;

    }

    else {

      return 1;

    }

  }

  else {

    return 2;

  }

}

 

function getCurrentDate() {

  var date=calFormat, d = new Date();

  date = date.replace(/yyyy/i, d.getFullYear());

  date = date.replace(/mm/i, get2Digits(d.getMonth()+1));

  date = date.replace(/dd/i, get2Digits(d.getDate()));

 

  return date;

}

 

function compareDates(date1, date2) {

  var calRE = getFormat();

  var d1, d2;

 

  if (calRE.test(date1)) {

    d1 = getNumbers(date1);

  }

  else {

    d1 = getNumbers(getCurrentDate());

  }

 

  if (calRE.test(date2)) {

    d2 = getNumbers(date2);

  }

  else {

    d2 = getNumbers(getCurrentDate());

  }

 

  var dStr1 = d1[0] + "" + d1[1] + "" + d1[2];

  var dStr2 = d2[0] + "" + d2[1] + "" + d2[2];

 

  if (dStr1 == dStr2) {

    return 0;

  }

  else if (dStr1 > dStr2) {

    return 1;

  }

  else {

    return -1;

  }

}

 

function getNumbers(date) {

  var calRE = getFormat();

  var y, m, d;

 

  if (calRE.test(date)) {

    var yIdx = calFormat.search(/yyyy/i);

    var mIdx = calFormat.search(/mm/i);

    var m3Idx = calFormat.search(/mon/i);

    var dIdx = calFormat.search(/dd/i);

 

    y=date.substring(yIdx,yIdx+4);

    if (mIdx != -1) {

      m=date.substring(mIdx,mIdx+2);

    }

    else {

      var mm=getMonthFromName(date.substring(m3Idx,m3Idx+3))+1;

      m=(mm<10)?("0"+mm):(""+mm);

    }

    d=date.substring(dIdx,dIdx+2);

 

    return new Array(y,m,d);

  }

  else {

    return new Array("", "", "");

  }

}

// ------

 

if (isN4 || isN6) {

  document.captureEvents(Event.CLICK);

}

document.onclick=markClick;

 

</script>

<script language="javascript">

 

//Define calendar(s): addCalendar ("Unique Calendar Name", "Window title", "Form element's name", Form name")

addCalendar("Calendar1", "Select Date", "firstinput", "sampleform");

addCalendar("Calendar2", "Select Date", "secondinput", "sampleform");

 

// default settings for English

// Uncomment desired lines and modify its values

// setFont("verdana", 9);

 setWidth(90, 1, 15, 1);

// setColor("#cccccc", "#cccccc", "#ffffff", "#ffffff", "#333333", "#cccccc", "#333333");

// setFontColor("#333333", "#333333", "#333333", "#ffffff", "#333333");

// setFormat("yyyy/mm/dd");

// setSize(200, 200, -200, 16);

 

// setWeekDay(0);

// setMonthNames("January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December");

// setDayNames("Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday");

// setLinkNames("[Close]", "[Clear]");

</script>

<form name="sampleform">

<input type="text" name="firstinput" size=20> <small><a href="javascript:showCal('Calendar1')">选择日期一</a></small>

<p><input type="text" name="secondinput" size=20> <small><a href="javascript:showCal('Calendar2')">选择日期二</a></small>

</form>

 

Write a comment

Comments: 0