아주 좋은 스크립트 캘린더

출처: 인터넷
작성자: 사용자
키워드: 웹 페이지 제작 Ajax 자바 스크립트

< 스크립트 언어 = "자바 스크립트" >
var 개월 = 새로운 배열 ("1", "2", "3", "4", "5", "6" "7", "8", "9", "10", "11", "12");
var daysinmonth = 새로운 배열 (31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31);
var 일 = 새로운 배열 ("일", "하나", "2", "3", "4", "5", "6");
var classtemp;
var 오늘 = 새로운 gettoday ();
var year=today.year;
var month=today.month;
var newcal;

기능 (년, 월) getdays 없음
경우 (1 = 달) 반환 ((0 = %4) & & (0! = (100%)) | | (0 = 400%)? 29:28;
다른 반환 daysinmonth [월];
}

함수 Gettoday () 없음
This.now = 새로운 날짜 ();
This.year = This.now.getFullYear ();
This.month = This.now.getMonth ();
This.day = This.now.getDate ();
}

기능 캘린더 () {
newcal = 새로운 날짜 (년, 월, 1);
오늘 = 새로운 Gettoday ();
var 하루 =-1;
var startday = Newcal.getday ();
var endday = getdays (Newcal.getmonth (), newcal.getfullyear ());
var 매일 = 0;
경우 ((Today.year = Newcal.getfullyear ()) & & (Today.month = = Newcal.getmonth ())
{
& nbsp 하루 = Today.day;
}
var caltable = Document.all.caltable.tBodies.calendar;
var intdaysinmonth = getdays (Newcal.getmonth (), newcal.getfullyear ());

위한 (var intweek = 0; Intweek < caltable.rows.length;intweek++)
대 (var intday = 0; intday & Lt; caltable.rows[intweek].cells.length;intday++)
{
var 셀 caltable.rows [= Intweek].cells [intday];
var montemp = (Newcal.getmonth () + 1) < 10? ("0" + (Newcal.getmonth () + 1)):(Newcal.getmonth () + 1).
경우 ((Intday == startday) & & (0 = 매일) {매일 = 1;}
var daytemp = 매일 < 10? ("0" + daily):(daily);
var d = < "+newcal.getfullyear () +"-"+ montemp +"-"+ daytemp +" >;
경우 (하루 매일 = =) cell.classname= "Daynow";
Else 경우 (intday = = 6) cell.classname = "Daysat";
Else 경우 (intday = = 0) cell.classname = "신도시";
다른 Cell.classname= "일";
경우 (매일 > 0) & & (매일 < = Intdaysinmonth)
{
cell.innertext = 매일;
매일 + +;
} 다른
{cell.classname=

"CALENDARTD"; cell.innertext = "";
}
}
Document.all.year.value=year;
document.all.month.value=month+1;
}

함수 Submonth)
{
만약 ((month-1) < 0)
{
달 = 11;
1 년 = 1 년-1;
다른
{
달 달-1;
}
일정 ();
}

함수 Addmonth)
{
만약 ((month+1) > 11)
{
달 = 0;
1 년 = 1 년 + 1;
다른
{
달 달 + 1; =
}
일정 ();
}

함수 setdate)
{
경우 (document.all.month.value < 1 | | DOCUMENT.ALL.MONTH.VALUE > 12)
{
경고 ("달의 유효 범위는 1-12 사이!");
반환;
}
Year=math.ceil (Document.all.year.value);
Month=math.ceil (document.all.month.value-1);
일정 ();
}
</스크립트 >

< 스크립트 >
함수 Buttonover)
{
var obj = window.event.srcElement;
Obj.runtimeStyle.cssText = "배경-색상: #FFFFFF";
Obj.classname= "가져가";
}

함수 Buttonout)
{
var obj = window.event.srcElement;
Window.settimeout (함수 () {obj.runtimeStyle.cssText = "";}, 300);
}
</스크립트 >

< 스타일 >
입력 {글꼴-가족: 굴림; 글꼴-크기: 9pt; 텍스트-장식: 없음; 배경-색상: #FFFFFF; 높이: 20px; 국경: 1px 단단한 #666666; 색상: #000000;}

. 달력 {글꼴-가족: 굴림; 텍스트-장식: 없음; 너비: 170; 배경-색상: #C0D0E8; 글꼴-크기: 9pt; 테두리: 0px 점선된 # 1C6FA5;
. CALENDARTD {글꼴-가족: 굴림; 글꼴-크기: 7pt; 색상: #000000; 배경-색상: #f6f6f6; 높이: 20px; 너비: 11%; 텍스트-정렬: 센터;

. 제목 {글꼴-가족: 굴림; 글꼴-크기: 11pt; 글꼴-무게: 정상; 높이: 24px; 텍스트-정렬: 센터; 색상: #333333; 텍스트-장식: 없음; 배경-색상: #A4B9D7; Border-top-width:1px;border-right-width:1px;border-bottom-width: 1px;border-left-width:1px;border-bottom-style:1px;border-top-color: #999999; 국경-오른쪽 색상: #999999; 국경-하단-색상: #999999; 국경-왼쪽 색상: #999999;}

. 하루 {글꼴-가족: 굴림; 글꼴-크기: 7pt; 색상: #243F65; 배경-색상: #E5E9F2; 높이: 20px; 너비: 11%; 텍스트-정렬: 센터;
. Daysat {글꼴-가족: 굴림; 글꼴-크기: 7pt; 색상: #FF0000; 텍스트-장식: 없음; 배경-색상: #E5E9F2; 텍스트-정렬: 센터; 높이: 18px; 폭: 12%;
. 신도시 {글꼴-가족: 굴림; 글꼴-크기: 7pt; 색상: #FF0000; 텍스트-장식: 없음; 배경-색상: #E5E9F2; 텍스트-정렬: 센터; 높이: 18px; 폭: 12%;
. Daynow {글꼴-가족: 굴림; 글꼴-크기: 7pt; 글꼴-무게: 굵게; 색상: #000000; 배경-색상: #FFFFFF; 높이: 20px; 텍스트-정렬: 센터;

. Daytitle {글꼴-가족: 굴림; 글꼴-크기: 9pt; 색상: #000000; 배경-색상: #C0D0E8; 높이: 20px; 너비: 11%; 텍스트-정렬: 센터;
. Daysattitle {글꼴-가족: 굴림; 글꼴-크기: 9pt; 색상: #FF0000; 텍스트-장식: 없음; 배경-색상: #C0D0E8; 텍스트-정렬: 센터; 높이: 20px; 폭: 12%;
. Daysuntitle {글꼴-가족: 굴림; 글꼴-크기: 9pt; 색상: #FF0000; 텍스트-장식: 없음; 배경-색상: #C0D0E8; 텍스트-정렬: 센터; 높이: 20px; 폭: 12%;

. Daybutton {글꼴-가족: webdings; 글꼴-크기: 9pt; 글꼴-무게: 굵게; 색상: #243F65; 커서: 손; 텍스트-장식: 없음}

</스타일 >




&lt; 표 테두리 "0" cellpadding = "0" cellspacing = "1" 클래스 = "캘린더" id = "caltable" = &gt;


&lt; thead &gt;


&lt; tr 정렬 = "센터" 세로 맞춤 "중간" = &gt;


&lt; td colspan = "7" 클래스 "제목" = &gt;


&lt;는 href = "Javascript:submonth ()" 제목 "이전 달" 클래스 = "Daybutton" = &gt; 3 &lt; /a &gt;&lt; 입력된 이름 = "년" 유형 = "텍스트" 크기 = "4" maxlength = "4" onkeydown = "경우 (event.keycode==13) {setdate ()}" onkeyup = "This.value=this.value.replace (/ [^0-9 ] / g, "onpaste =" This.value=this.value.replace (/ [^0-9] / g, ') "&gt; 년 &lt; 입력된 이름 =" 달 "유형 =" 텍스트 "크기 =" 1 "  Maxlength = "2" onkeydown = "경우 (event.keycode==13) {setdate ()}" onkeyup = "This.value=this.value.replace (/[^0-9]/g,")" Onpaste = "This.value=this.value.replace (/[^0-9]/g,") "&gt; 달 &lt; a href =" Javascript:addmonth (); "Title =" 다음 달 "클래스 =" Daybutton "&gt; 4 &lt; /a &gt;


&lt; 신안 &gt;


&lt; /tr &gt;


&lt; tr 정렬 = "센터" 세로 맞춤 "중간" = &gt;


&lt; 스크립트 언어 = "자바 스크립트" &gt;


document.write ("&lt; td 클래스 = daysuntitle id = 일기 &gt;" + 일 [0] + "&lt; 신안 &gt;");


대 한 (var intloop = 1; intloop &lt; days.length-1; intloop + +)


document.write ("&lt; td 클래스 = daytitle id = 일기 &gt;" + days[intloop) + "&lt; 신안 &gt;");


document.write ("&lt; td 클래스 = daysattitle id = 일기 &gt;" + days[intloop) + "&lt; 신안 &gt;");


&lt; / 스크립트 &gt;


&lt; /TR &gt;


&lt; / thead &gt;


&lt; tbody 국경 1 cellspacing = "0" cellpadding = "0" id = "캘린더" Align = 센터 onclick = = "Getdiary ()" &gt;


&lt; 스크립트 언어 = "자바 스크립트" &gt;

대 한
(var intweeks = 0; intweeks &lt; 6; intweeks + +)


  {


document.write ("&lt; tr 스타일 ' 커서: 손 ' = &gt;");

대 한
(var intdays = 0; intdays &lt; days.length;intdays++) document.write ("&lt; td 클래스 = calendartd onMouseover = ' 부 Ttonover (); ' onmouseout = ' buttonout (); &gt;&lt; 신안 &gt; ");


document.write ("&lt; /TR &gt;");


  }


&lt; / 스크립트 &gt;


&lt; / TBODY &gt;


&lt; / 테이블 &gt;


&lt; 스크립트 언어 = "자바 스크립트" &gt;


캘린더 ();


&lt; / 스크립트 &gt;

관련 문서

연락처

이 페이지의 내용은 인터넷에서 가져온 것이므로 Alibaba Cloud의 공식 의견이 아닙니다.이 페이지에서 언급 된 제품 및 서비스는 Alibaba Cloud와는 관련이 없으므로이 페이지의 내용이 골칫거리 인 경우 저희에게 알려주십시오. 우리는 5 일 근무일 이내에 이메일을 처리 할 것입니다.

커뮤니티에서 표절 사례를 발견한 경우 info-contact@alibabacloud.com 으로 관련 증거를 첨부하여 이메일을 보내주시기 바랍니다. 당사 직원이 영업일 기준 5일 내에 연락 드리도록 하겠습니다.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.