?? time2.jsp
字號:
<%@page contentType="text/html; charset=gb2312" language="java" %>
<HTML>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!--
var OpenerDate;
// -->
</SCRIPT>
<SCRIPT LANGUAGE="JavaScript">
<!--
document._domino_target = "_self";
function _doClick(v, o, t, h) {
var form = document._myCalendar;
if (form.onsubmit) {
var retVal = form.onsubmit();
if (typeof retVal == "boolean" && retVal == false)
return false;
}
var target = document._domino_target;
if (o.href != null) {
if (o.target != null)
target = o.target;
} else {
if (t != null)
target = t;
}
form.target = target;
form.__Click.value = v;
if (h != null)
form.action += h;
form.submit();
return false;
}
// -->
</SCRIPT>
</HEAD>
<BODY TEXT="000000" BGCOLOR="FFF9EE">
<FORM onSubmit="fUpdateCal(document.forms[0].tbSelYear.value, document.forms[0].tbSelMonth.value);
return false;" METHOD=post ACTION="gbrm_add.asp" NAME="_myCalendar">
<INPUT TYPE=hidden NAME="__Click" VALUE="0"><HTML>
<HEAD>
<TITLE>日歷</TITLE>
<style>
<!--
.form {
BORDER-BOTTOM: #336699 1px solid; BORDER-LEFT: #336699 1px solid; BORDER-RIGHT: #336699 1px solid; BORDER-TOP: #336699 1px solid;BACKGROUND-COLOR:#eeeeee;COLOR:#080800}
BODY { FONT-FAMILY: 宋體; FONT-SIZE: 9pt; SCROLLBAR-HIGHLIGHT-COLOR: buttonface; SCROLLBAR-SHADOW-COLOR: buttonface; SCROLLBAR-3DLIGHT-COLOR: buttonhighlight; SCROLLBAR-TRACK-COLOR: #eeeeee; SCROLLBAR-DARKSHADOW-COLOR: buttonshadow }
-->
</style>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var dDate = new Date();
var dCurMonth = dDate.getMonth();
var dCurDayOfMonth = dDate.getDate();
var dCurYear = dDate.getFullYear();
var objPrevElement = new Object();
function isFourDigitYear(year) {
if (year.length != 4) {
alert ("對不起,年份必須為四位數!");
document.forms[0].tbSelYear.select();
document.forms[0].tbSelYear.focus();
} else { return true; }
}
function setPreviousYear() {
var year = document.forms[0].tbSelYear.value;
if (isFourDigitYear(year)) {
var day = 0;
var month = document.forms[0].tbSelMonth.selectedIndex + 1;
year--;
document.forms[0].tbSelYear.value = year;
fUpdateCal(year,month);
}
}
function setPreviousMonth() {
var year = document.forms[0].tbSelYear.value;
if (isFourDigitYear(year)) {
var day = 0;
var month = document.forms[0].tbSelMonth.selectedIndex;
if (month == 0) {
month = 11;
if (year > 1000) {
year--;
document.forms[0].tbSelYear.value = year;
}
} else { month--; }
document.forms[0].tbSelMonth.selectedIndex = month;
month++;
//alert(month)
fUpdateCal(year,month);
}
}
function setNextMonth() {
var year = document.forms[0].tbSelYear.value;
if (isFourDigitYear(year)) {
var day = 0;
var month = document.forms[0].tbSelMonth.selectedIndex;
if (month == 11) {
month = 0;
year++;
document.forms[0].tbSelYear.value = year;
} else { month++; }
document.forms[0].tbSelMonth.selectedIndex = month;
month++;
fUpdateCal(year,month);
}
}
function setNextYear() {
var year = document.forms[0].tbSelYear.value;
if (isFourDigitYear(year)) {
var day = 0;
var month = document.forms[0].tbSelMonth.selectedIndex + 1;
year++;
document.forms[0].tbSelYear.value = year;
fUpdateCal(year,month);
}
}
function fToggleColor(myElement) {
var toggleColor = "#ff0000";
if (myElement.id == "calDateText") {
if (myElement.color == toggleColor) {
myElement.color = "";
} else {
myElement.color = toggleColor;
}
} else if (myElement.id == "calCell") {
for (var i in myElement.children) {
if (myElement.children[i].id == "calDateText") {
if (myElement.children[i].color == toggleColor) {
myElement.children[i].color = "";
} else {
myElement.children[i].color = toggleColor;
}
}
}
}
}
function fSetSelectedDay(myElement){
if (myElement.id == "calCell") {
if (!isNaN(parseInt(myElement.children["calDateText"].innerText))) {
myElement.bgColor = "#c0c0c0";
objPrevElement.bgColor = "";
document.all.calSelectedDate.value = parseInt(myElement.children["calDateText"].innerText);
objPrevElement = myElement;
var CurrentYear = document.forms[0].tbSelYear.value;
var CurrentMonth = document.forms[0].tbSelMonth.selectedIndex + 1
var strMonth,strDay;
if(CurrentMonth<10)
{
strMonth="0" + CurrentMonth;
}
else
{
strMonth=CurrentMonth;
}
var CurrentDay = document.forms[0].calSelectedDate.value;
if(CurrentDay<10)
{
strDay="0" + CurrentDay;
}
else
{
strDay=CurrentDay;
}
var CurrentDate = CurrentYear + "-" + strMonth + "-" + strDay;
//alert(CurrentDate);
if(window.opener)
{
OpenerDate.value = CurrentDate;
self.close();
}
}
}
}
function fGetDaysInMonth(iMonth, iYear) {
var dPrevDate = new Date(iYear, iMonth, 0);
return dPrevDate.getDate();
}
function fBuildCal(iYear, iMonth, iDayStyle) {
var aMonth = new Array();
aMonth[0] = new Array(7);
aMonth[1] = new Array(7);
aMonth[2] = new Array(7);
aMonth[3] = new Array(7);
aMonth[4] = new Array(7);
aMonth[5] = new Array(7);
aMonth[6] = new Array(7);
var dCalDate = new Date(iYear, iMonth-1, 1);
var iDayOfFirst = dCalDate.getDay();
var iDaysInMonth = fGetDaysInMonth(iMonth, iYear);
var iVarDate = 1;
var i, d, w;
if (iDayStyle == 2) {
aMonth[0][0] = "星期天";
aMonth[0][1] = "星期一";
aMonth[0][2] = "星期二";
aMonth[0][3] = "星期三";
aMonth[0][4] = "星期四";
aMonth[0][5] = "星期五";
aMonth[0][6] = "星期六";
} else if (iDayStyle == 1) {
aMonth[0][0] = "日";
aMonth[0][1] = "一";
aMonth[0][2] = "二";
aMonth[0][3] = "三";
aMonth[0][4] = "四";
aMonth[0][5] = "五";
aMonth[0][6] = "六";
} else {
aMonth[0][0] = "Su";
aMonth[0][1] = "Mo";
aMonth[0][2] = "Tu";
aMonth[0][3] = "We";
aMonth[0][4] = "Th";
aMonth[0][5] = "Fr";
aMonth[0][6] = "Sa";
}
for (d = iDayOfFirst; d < 7; d++) {
aMonth[1][d] = iVarDate;
iVarDate++;
}
for (w = 2; w < 7; w++) {
for (d = 0; d < 7; d++) {
if (iVarDate <= iDaysInMonth) {
aMonth[w][d] = iVarDate;
iVarDate++;
}
}
}
return aMonth;
}
function fDrawCal(iYear, iMonth, iCellWidth, iCellHeight, sDateTextSize, sDateTextWeight, iDayStyle) {
var myMonth;
document.forms[0].tbSelYear.value = iYear;
myMonth = fBuildCal(iYear, iMonth, iDayStyle);
document.write("<center>");
document.write("<table border='1' cellspacing=0 CELLPADDING=0 bordercolordark='#93bee2' >");
document.write("<tr>");
document.write("<td align='center' style='FONT-FAMILY:Arial;FONT-SIZE:12px;FONT-WEIGHT: bold;COLOR:RED'>" + myMonth[0][0] + "</td>");
document.write("<td align='center' style='FONT-FAMILY:Arial;FONT-SIZE:12px;FONT-WEIGHT: bold'>" + myMonth[0][1] + "</td>");
document.write("<td align='center' style='FONT-FAMILY:Arial;FONT-SIZE:12px;FONT-WEIGHT: bold'>" + myMonth[0][2] + "</td>");
document.write("<td align='center' style='FONT-FAMILY:Arial;FONT-SIZE:12px;FONT-WEIGHT: bold'>" + myMonth[0][3] + "</td>");
document.write("<td align='center' style='FONT-FAMILY:Arial;FONT-SIZE:12px;FONT-WEIGHT: bold'>" + myMonth[0][4] + "</td>");
document.write("<td align='center' style='FONT-FAMILY:Arial;FONT-SIZE:12px;FONT-WEIGHT: bold'>" + myMonth[0][5] + "</td>");
document.write("<td align='center' style='FONT-FAMILY:Arial;FONT-SIZE:12px;FONT-WEIGHT: bold'>" + myMonth[0][6] + "</td>");
document.write("</tr>");
for (w = 1; w < 7; w++) {
document.write("<tr>")
for (d = 0; d < 7; d++) {
document.write("<td align='left' valign='top' width='" + iCellWidth + "' height='" + iCellHeight + "' id=calCell style='CURSOR:Hand' onMouseOver='fToggleColor(this)' onMouseOut='fToggleColor(this)' onclick=fSetSelectedDay(this)>");
if (!isNaN(myMonth[w][d])) {
document.write("<font id=calDateText onMouseOver='fToggleColor(this)' style='CURSOR:Hand;FONT-FAMILY:Arial;FONT-SIZE:" + sDateTextSize + ";FONT-WEIGHT:" + sDateTextWeight + "' onMouseOut='fToggleColor(this)' onclick=fSetSelectedDay(this)>" + myMonth[w][d] + "</font>");
} else {
document.write("<font id=calDateText onMouseOver='fToggleColor(this)' style='CURSOR:Hand;FONT-FAMILY:Arial;FONT-SIZE:" + sDateTextSize + ";FONT-WEIGHT:" + sDateTextWeight + "' onMouseOut='fToggleColor(this)' onclick=fSetSelectedDay(this)> </font>");
}
document.write("</td>")
}
document.write("</tr>");
}
document.write("</table>")
document.write("</center>");
}
function fUpdateCal(iYear, iMonth) {
myMonth = fBuildCal(iYear, iMonth);
objPrevElement.bgColor = "";
document.all.calSelectedDate.value = "";
document.forms[0].tbSelYear.value = iYear;
document.forms[0].tbSelMonth.options[iMonth-1].selected = true;
for (w = 1; w < 7; w++) {
for (d = 0; d < 7; d++) {
if (!isNaN(myMonth[w][d])) {
calDateText[((7*w)+d)-7].innerText = myMonth[w][d];
} else {
calDateText[((7*w)+d)-7].innerText = " ";
}
}
}
document.forms[0].Go.focus();
//return false;
}
// End -->
</script>
</HEAD>
<BODY BGCOLOR="#fff9ee" vlink=#0000ff >
<center>
<!-- Demonstration -->
<script language="JavaScript" for=window event=onload>
<!-- Begin
if(window.opener)
{
OpenerDate = window.opener.document.forms[0].Fdate2;
}
var dCurDate = new Date();
document.forms[0].tbSelMonth.options[dCurDate.getMonth()].selected = true;
for (i = 0; i < document.forms[0].tbSelYear.length; i++)
if (document.forms[0].tbSelYear.options[i].value == dCurDate.getFullYear())
document.forms[0].tbSelYear.options[i].selected = true;
// End -->
</script>
<form name="frmCalendarSample" method="post" action="" >
<input type="hidden" name="calSelectedDate" value="">
<INPUT class="form" TYPE=BUTTON NAME="previousYear" VALUE="今天" onClick="var dCurDate = new Date();fUpdateCal(dCurDate.getFullYear(), dCurDate.getMonth()+1)">
  
<script language="JavaScript">
<!--
function PageDate()
{
currentDate = new Date()
with (currentDate)
{
day=getDay()
month=getMonth()+1
this.document.write('<font size="2" color="#FF9900">'+getFullYear()+'</font><font size="2" color="#FF9900">年</font><font size="2" color="#FF9900">'+month+'</font><font size="2" color="#FF9900">月</font><font size="2" color="#FF9900">'+'<font size="2" color="#FF9900">'+getDate()+'</font><font size="2" color="#FF9900">日</font>')
}
if (day==1){document.write(' <font size="2" color="#FF9900">星期一</font>')}
if (day==2){document.write(' <font size="2" color="#FF9900">星期二</font>')}
if (day==3){document.write(' <font size="2" color="#FF9900">星期三</font>')}
if (day==4){document.write(' <font size="2" color="#FF9900">星期四</font>')}
if (day==5){document.write(' <font size="2" color="#FF9900">星期五</font>')}
if (day==6){document.write(' <font size="2" color="#FF9900">星期六</font>')}
if (day==0){document.write(' <font size="2" color="#FF9900">星期日</font>')}
document.write('<br>')
}
PageDate()
// -->
</script>
<table border="0" class="table">
<tr>
<td>
<select name="tbSelMonth" onchange='fUpdateCal(document.forms[0].tbSelYear.value, document.forms[0].tbSelMonth.value)'>
<option value="1">一月</option>
<option value="2">二月</option>
<option value="3">三月</option>
<option value="4">四月</option>
<option value="5">五月</option>
<option value="6">六月</option>
<option value="7">七月</option>
<option value="8">八月</option>
<option value="9">九月</option>
<option value="10">十月</option>
<option value="11">十一月</option>
<option value="12">十二月</option>
</select>
<INPUT NAME="tbSelYear" TYPE=TEXT SIZE=4 MAXLENGTH=4 >
<INPUT class="form" TYPE="submit" NAME="Go" value="計算" >
</td>
</tr>
<tr>
<td>
<script language="JavaScript">
var dCurDate = new Date();
fDrawCal(dCurDate.getFullYear(), dCurDate.getMonth()+1, 22, 22, "12px", "bold", 1);
</script>
</td>
</tr>
</table>
<INPUT class="form" TYPE=BUTTON NAME="previousYear" VALUE=" << " onClick="setPreviousYear()">
 
<INPUT class="form" TYPE=BUTTON NAME="previousYear" VALUE=" < " onClick="setPreviousMonth()">
<INPUT class="form" TYPE=BUTTON NAME="previousYear" VALUE=" > " onClick="setNextMonth()">
 
<INPUT class="form" TYPE=BUTTON NAME="previousYear" VALUE=" >> " onClick="setNextYear()">
</form>
<!--content_stop-->
</center></body></html>
</FORM>
</BODY>
</HTML>
?? 快捷鍵說明
復制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號
Ctrl + =
減小字號
Ctrl + -