간단하면서도 잘 만들어진 3개월 달력입니다.
아래의 스크립트를 BODY 사이에 넣으시면 됩니다.
-----------------------------------------------------------------------
/*
3개월 달력 스크립트 - Ada Shimar (adashimar@chalktv.com)
다음 싸이트에서 찾을 수 있습니다 : http://www.javascriptkit.com/
*/
// 달력의 bgcolor를 설정
var bg="#FFFFE1"
// font size 설정
var fs=2
var flg = 0;
//var fs = 1;
M = new Array("1월","2월","3월","4월","5월","6월","7월","8월","9월","10월","11월","12월");
D = new Array("일","월","화","수","목","금","토");
function getBgn() {
pdy = new Date(); // 오늘
pmo = pdy.getMonth(); // 금월
pyr = pdy.getYear(); // 금년
if (pyr < 2000) // Y2K Fix, Isaac Powell
pyr = pyr + 1900; //
yr = yr1 = (pmo==0?pyr-1:pyr); // 전년도
mo = (pmo==0?11:pmo-1); // 전월
bgn = new Date(M[mo]+" 1,"+yr1); // Date에 할당
document.write('<TABLE BORDER=0><TR><TD VALIGN=TOP>');
Calendar(); // 마지막 달을 화면에 출력
document.write('</TD><TD VALIGN=TOP>');
yr = pyr; // 금년
mo = pmo; // 금월
bgn = new Date(M[mo]+" 1,"+yr); // date에 할당
Calendar(); // 이번 달을 화면에 출력
document.write('</TD><TD VALIGN=TOP>');
yr = (pmo==11?pyr+1:pyr); // 다음 달의 년도
mo = (pmo==11?0:pmo+1); // 다음 달
bgn = new Date(M[mo]+" 1,"+yr); // date에 할당
Calendar(); // 다음 달을 화면에 출력
document.write('</TD></TR></TABLE>'); // 종료
}
function Calendar(){
dy = bgn.getDay();
yr = eval(yr);
d = "312831303130313130313031";
if (yr / 4 == Math.floor(yr / 4)) {
d = d.substring(0, 2) + "29" + d.substring(4, d.length);
}
pos = (mo * 2);
ld = eval(d.substring(pos, pos + 2));
document.write("<TABLE BORDER=1"
+ " BGCOLOR='" + bg
+ "'><TR><TD ALIGN=CENTER COLSPAN=7>"
+ "<FONT SIZE=" + fs + ">" + M[mo] + " " + yr
+ "</FONT></TD></TR><TR><TR>");
for (var i = 0;i < 7;i ++) {
document.write("<TD ALIGN=CENTER>"
+"<FONT SIZE="+fs+">" + D[i] + "</FONT></TD>");
}
document.write("</TR><TR>");
ctr = 0;
for (var i = 0;i < 7; i++){
if (i < dy) {
document.write("<TD ALIGN=CENTER>"
+"<FONT SIZE=" + fs + "> </FONT>"
+"</TD>");
}
else {
ctr++;
document.write("<TD ALIGN=CENTER>"
+ "<FONT SIZE=" + fs + ">" + ctr + "</FONT>"
+ "</TD>");
}
}
document.write("</TR><TR>");
while (ctr < ld) {
for (var i = 0;i < 7; i++){
ctr++;
if (ctr > ld){
document.write("<TD ALIGN=CENTER>"
+ " </TD>");
}
else {
document.write("<TD ALIGN=CENTER>"
+ "<FONT SIZE=" + fs + ">" + ctr + "</FONT>"
+ "</TD>");
}
}
document.write("</TR><TR>");
}
document.write("</TR></TABLE>");
}
</SCRIPT>
<CENTER>
<P><B>JavaScript 3개월 달력</B>
<SCRIPT LANGUAGE="JavaScript">
getBgn();
</SCRIPT>
</CENTER>
<p align="center"><font face="arial" size="-2">This free script provided by</font><br>
<font face="arial, helvetica" size="-2"><a href="http://javascriptkit.com">JavaScript Kit</a></font></p>
-----------------------------------------------------------------------
출처 : http://www.javascriptkit.com/script/script2/quartercalendar.shtml
댓글 없음:
댓글 쓰기