📄 含记事功能的日历.htm
字号:
minute + " " + ampm}function leapYear(year) { if (year % 4 == 0) //
basic rule return true // is leap year return false // is not leap
year}function getDays(month, year) { // create array to hold number
of days in each month var ar = new Array(12) ar[0] = 31 // January
ar[1] = (leapYear(year)) ? 29 : 28 // February ar[2] = 31 // March
ar[3] = 30 // April ar[4] = 31 // May ar[5] = 30 // June ar[6] = 31
// July ar[7] = 31 // August ar[8] = 30 // September ar[9] = 31 //
October ar[10] = 30 // November ar[11] = 31 // December // return
number of days in the specified month (parameter) return
ar[month]}function getMonthName(month) { // create array to hold
name of each month var ar = new Array(12) ar[0] = "January" ar[1] =
"February" ar[2] = "March" ar[3] = "April" ar[4] = "May" ar[5] =
"June" ar[6] = "July" ar[7] = "August" ar[8] = "September" ar[9] =
"October" ar[10] = "November" ar[11] = "December" // return name of
specified month (parameter) return ar[month]}function setCal() { //
standard time attributes var now = new Date() var year =
now.getYear() var month = now.getMonth() var monthName =
getMonthName(month) var date = now.getDate() now = null // create
instance of first day of month, and extract the day on which it
occurs var firstDayInstance = new Date(year, month, 1) var firstDay
= firstDayInstance.getDay() firstDayInstance = null // number of
days in current month var days = getDays(month, year) // call
function to draw calendar drawCal(firstDay + 1, days, date,
monthName, 1900 + year)}function drawCal(firstDay, lastDate, date,
monthName, year) { // constant table settings var headerHeight = 50
// height of the table's header cell var border = 2 // 3D height of
table's border var cellspacing = 4 // width of table's border var
headerColor = "midnightblue" // color of table's header var
headerSize = "+3" // size of tables header font var colWidth = 60 //
width of columns in table var dayCellHeight = 25 // height of cells
containing days of the week var dayColor = "darkblue" // color of
font representing week days var cellHeight = 40 // height of cells
representing dates in the calendar var todayColor = "red" // color
specifying today's date in the calendar var timeColor = "purple" //
color of font representing current time // create basic table
structure var text = "" // initialize accumulative variable to empty
string text += '<CENTER>' text += '<TABLE BORDER=' + border
+ ' CELLSPACING=' + cellspacing + '>' // table settings text +=
'<TH COLSPAN=7 HEIGHT=' + headerHeight + '>' // create table
header cell text += '<FONT COLOR="' + headerColor + '" SIZE=' +
headerSize + '>' // set font for table header text += monthName +
' ' + year text += '</FONT>' // close table header's font
settings text += '</TH>' // close header cell // variables to
hold constant settings var openCol = '<TD WIDTH=' + colWidth + '
HEIGHT=' + dayCellHeight + '>' openCol += '<FONT COLOR="' +
dayColor + '">' var closeCol = '</FONT></TD>' //
create array of abbreviated day names var weekDay = new Array(7)
weekDay[0] = "Sun" weekDay[1] = "Mon" weekDay[2] = "Tues" weekDay[3]
= "Wed" weekDay[4] = "Thu" weekDay[5] = "Fri" weekDay[6] = "Sat" //
create first row of table to set column width and specify week day
text += '<TR ALIGN="center" VALIGN="center">' for (var dayNum
= 0; dayNum < 7; ++dayNum) { text += openCol + weekDay[dayNum] +
closeCol } text += '</TR>' // declaration and initialization
of two variables to help with tables var digit = 1 var curCell = 1
for (var row = 1; row <= Math.ceil((lastDate + firstDay - 1) /
7); ++row) { text += '<TR ALIGN="right" VALIGN="top">' for
(var col = 1; col <= 7; ++col) { if (digit > lastDate) break
if (curCell < firstDay) { text += '<TD></TD>';
curCell++ } else { if (digit == date) { // current cell represent
today's date text += '<TD HEIGHT=' + cellHeight + '>' text +=
'<FONT COLOR="' + todayColor + '">' text += '<A
HREF="javascript:getInput(' + digit + ', \'' + monthName + '\')"
onMouseOver="window.status = \'Store or retrieve data for ' +
monthName + ' ' + digit + '\'; return true"><FONT COLOR="' +
todayColor + '">' + digit + '</FONT></A>' text +=
'<BR>' text += '<FONT COLOR="' + timeColor + '" SIZE=2>'
text += '<CENTER>' + getTime() + '</CENTER>' text +=
'</FONT>' text += '</TD>' } else text += '<TD
HEIGHT=' + cellHeight + '><A HREF="javascript:getInput(' +
digit + ', \'' + monthName + '\')" onMouseOver="window.status =
\'Store or retrieve data for ' + monthName + ' ' + digit + '\';
return true">' + digit + '</A></TD>' digit++ } } text
+= '</TR>' } // close all basic table tags text +=
'</TABLE>' text += '</CENTER>' // print accumulative
HTML string document.write(text) }setCal()//
--><BR></SCRIPT><BR><BR>说明:这个日历使用了cookie,点击日期,可以输入某天需要提醒的事情,到时间再点击此日期,会显示出你的记录。</TD></TR>
<TR>
<TD colSpan=4 height=30><FONT color=#0000ff>作者:kedy</FONT></TD></TR>
<TR height=30>
<TD><A href="javascript:window.close()">〖关闭窗口〗</A>
<TD>
<TD align=middle>发布日期:<FONT color=#ee8800>1999-12-9
12:16:41</FONT></TD>
<TD align=right width="30%">查看次数:<FONT color=#ff0000>1154</FONT>
次</TD></TR>
<TR>
<TD colSpan=3>上一篇:<A
href="http://www.ylstudy.net/skill/detail_skill.asp?skill_id=8">显示当前的日期和星期</A>
<BR>下一篇:<A
href="http://www.ylstudy.net/skill/detail_skill.asp?skill_id=10">IE和NC都兼容的背景音乐</A>
</TD>
<TD align=right vAlign=bottom width="20%"><A
href="http://www.ylstudy.net/commend.asp?url=http://www.ylstudy.net/skill/detail_skill.asp?skill_id=9"><IMG
alt=Commend border=0 src="含事功能的日.files/produce.gif"></A> <A
href="javascript:print()"><IMG alt=Print border=0
src="含事功能的日.files/print.gif"></A> </TD></TR>
<FORM action=../include/deal_arvalue.asp method=post name=ar_ping><INPUT
name=url type=hidden value=../skill/detail_skill.asp?skill_id=9> <INPUT
name=source type=hidden value=skill> <INPUT name=idtype type=hidden
value=skill_id> <INPUT name=id type=hidden value=9>
<TR>
<TD colSpan=4 height=30><INPUT CHECKED name=ar_value type=radio
value=1>1分 <INPUT name=ar_value type=radio value=2>2分
<INPUT name=ar_value type=radio value=3>3分 <INPUT
name=ar_value type=radio value=4>4分 <INPUT name=ar_value
type=radio value=5>5分 <INPUT id=submit1 name=submit1 style="BACKGROUND-COLOR: #99cc33; BORDER-BOTTOM: #ffffff 1px outset; BORDER-LEFT: #ffffff 1px outset; BORDER-RIGHT: #ffffff 1px outset; BORDER-TOP: #ffffff 1px outset; COLOR: #ffffff; FONT-SIZE: 9pt; HEIGHT: 18px; PADDING-BOTTOM: 0px; PADDING-LEFT: 1px; PADDING-RIGHT: 0px; PADDING-TOP: 2px; WIDTH: 50px" type=submit value="评 分">
</TD></TR></FORM></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV></BODY></HTML>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -