📄 refdate.jsp

📁 JSP/JS日历程序
💻 JSP
字号:
<%@page contentType="text/html; charset=gb2312"%>
<html>
<HEAD>
<TITLE>显示日历</TITLE>
<link href="css/main.css" rel="stylesheet" type="text/css">
<style type="text/css">
  <!--
    td {
    FONT-SIZE: 9pt;
    }
  -->
</style>
</HEAD>
<BODY onload="fPopCalendar();">
<script language=JavaScript type="text/javascript">
<!--
var rtvalue;

var gdCtrl = new Object();
var gcGray = "#C8DDF2";
var gcToggle = "#ffff00";
var gcBG = "#C8DDF2";
var gdCurDate = new Date();
var giYear = gdCurDate.getFullYear();
var giMonth = gdCurDate.getMonth()+1;
var giDay = gdCurDate.getDate();

function fPopCalendar(){
  fSetYearMon(giYear, giMonth);
}

function fSetDate(iYear, iMonth, iDay){
  iMonth=iMonth.toString();
  iDay=iDay.toString();
  if (iMonth.length == 1)
    iMonth = "0"+iMonth;
  if (iDay.length == 1)
	iDay = "0"+iDay;
  rtvalue = iYear+"-"+iMonth+"-"+iDay;

  returnValue=true;
  window.dialogArguments.refdate=rtvalue;
  window.close();

}

function fSetSelected(aCell){
  var iOffset = 0;
  var iYear = parseInt(tbSelYear.value);
  var iMonth = parseInt(tbSelMonth.value);

  aCell.bgColor =gcToggle;
  with (aCell.children["cellText"]){
  	var iDay = parseInt(innerText);
  	if (color==gcGray)
		iOffset = (Victor<10)?-1:1;
	iMonth += iOffset;
	if (iMonth<1) {
		iYear--;
		iMonth = 12;
	}else if (iMonth>12){
		iYear++;
		iMonth = 1;
	}
  }
  fSetDate(iYear, iMonth, iDay);
}

function fBuildCal(iYear, iMonth) {
  var aMonth=new Array();
  for(i=1;i<7;i++)
  	aMonth[i]=new Array(i);

  var dCalDate=new Date(iYear, iMonth-1, 1);
  var iDayOfFirst=dCalDate.getDay();
  var iDaysInMonth=new Date(iYear, iMonth, 0).getDate();
  var iOffsetLast=new Date(iYear, iMonth-1, 0).getDate()-iDayOfFirst+1;
  var iDate = 1;
  var iNext = 1;

  for (d = 0; d < 7; d++)
	aMonth[1][d] = (d<iDayOfFirst)?-(iOffsetLast+d):iDate++;
  for (w = 2; w < 7; w++)
  	for (d = 0; d < 7; d++)
		aMonth[w][d] = (iDate<=iDaysInMonth)?iDate++:-(iNext++);
  return aMonth;
}

function fDrawCal(iYear, iMonth, iCellWidth, iDateTextSize) {
  var WeekDay = new Array("日","一","二","三","四","五","六");
  var styleTD = " bgcolor='"+gcBG+"' width='"+iCellWidth+"' bordercolor='"+gcBG+"' valign='middle' align='center'  style='font:bold "+iDateTextSize+" Courier;";

  with (document) {
	write("<tr>");
	for(i=0; i<7; i++)
		write("<td "+styleTD+"color:#990099' >" + WeekDay[i] + "</td>");
	write("</tr>");

  	for (w = 1; w < 7; w++) {
		write("<tr>");
		for (d = 0; d < 7; d++) {
			write("<td id=calCell "+styleTD+"cursor:hand;' onMouseOver='this.bgColor=gcToggle' onMouseOut='this.bgColor=gcBG' onclick='fSetSelected(this)'>");
			write("<font id=cellText> </font>");
			write("</td>")
		}
		write("</tr>");
	}
  }
}

function fUpdateCal(iYear, iMonth) {
  myMonth = fBuildCal(iYear, iMonth);
  var i = 0;
  for (w = 0; w < 6; w++)
	for (d = 0; d < 7; d++)
		with (cellText[(7*w)+d]) {
			Victor = i++;
			if (myMonth[w+1][d]<0) {
				color = gcGray;
				innerText = -myMonth[w+1][d];
			}else{
				color = ((d==0)||(d==6))?"#000000":"black";
				innerText = myMonth[w+1][d];
			}
		}
}

function fSetYearMon(iYear, iMon){
  tbSelMonth.options[iMon-1].selected = true;
  for (i = 0; i < tbSelYear.length; i++)
	if (tbSelYear.options[i].value == iYear)
		tbSelYear.options[i].selected = true;
  fUpdateCal(iYear, iMon);
}

function doCancel()
{
  returnValue=false;
  window.close();
}

function doToday()
{
  var tmpCurDate = new Date();
  var tmpYear = tmpCurDate.getFullYear();
  var tmpMonth = tmpCurDate.getMonth()+1;
  var tmpDay = tmpCurDate.getDate();
  tmpMonth=tmpMonth.toString();
  tmpDay=tmpDay.toString();
  if (tmpMonth.length == 1)
    tmpMonth = "0"+tmpMonth;
  if (tmpDay.length == 1)
	tmpDay = "0"+tmpDay;
  returnValue=true;
  rtvalue=tmpYear+"-"+tmpMonth+"-"+tmpDay;
  window.dialogArguments.refdate=rtvalue;
  window.close();
}
function doNull()
{
  returnValue=true;
  rtvalue="";
  window.dialogArguments.refdate=rtvalue;
  window.close();
}
var gMonths = new Array("1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月");

with (document) {
write("<table width='100%' id='popTable' border='0'>");
write("<TR>");
write("<td valign='middle' align='center' class='date'>年份：");

write("<SELECT name='tbSelYear' onChange='fUpdateCal(tbSelYear.value, tbSelMonth.value)' Victor='Won'>");
for(i=1900;i<2099;i++)
	write("<OPTION value='"+i+"'>"+i+"年"+"</OPTION>");
write("</SELECT>");

write("&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;月份：");
write("<select name='tbSelMonth' onChange='fUpdateCal(tbSelYear.value, tbSelMonth.value)' Victor='Won'>");
for (i=0; i<12; i++)
	write("<option value='"+(i+1)+"'>"+gMonths[i]+"</option>");
write("</SELECT>");

write("</td>");
write("</TR><TR>");

write("<td align='center'>");
write("<DIV style='background-color:teal;'>");
write("<table id='content' width='100%' border='0' cellspacing='1' cellpadding='3'>");
fDrawCal(giYear, giMonth, 20, 12);
write("</table></DIV>");
write("</td>");
write("</TR>");
write("</TABLE>");
write("<table width='100%'  border='0' cellspacing='4' cellpadding='4'>");
write("<tr><td align='center'>");
write("<input type='button' onclick='doToday()' value='今天'>");
write("&nbsp;&nbsp;&nbsp;");
write("<input type='button' onclick='doCancel()' value='取消'>");
write("</td></tr></table>");
}
</SCRIPT></BODY>
</html>
💿 文件大小 9 K
👤 上传用户 lingyun579
📂 所属分类 JavaScript
🏷️ 相关标签

#JSP #JS #程序
⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -