최근 업데이트:2017-08-24
출처: 인터넷
작성자: 사용자
키워드:
웹 페이지 제작
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; 커서: 손; 텍스트-장식: 없음}
</스타일 >
< 표 테두리 "0" cellpadding = "0" cellspacing = "1" 클래스 = "캘린더" id = "caltable" = > < thead > < tr 정렬 = "센터" 세로 맞춤 "중간" = > < td colspan = "7" 클래스 "제목" = > <는 href = "Javascript:submonth ()" 제목 "이전 달" 클래스 = "Daybutton" = > 3 < /a >< 입력된 이름 = "년" 유형 = "텍스트" 크기 = "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, ') "> 년 < 입력된 이름 =" 달 "유형 =" 텍스트 "크기 =" 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,") "> 달 < a href =" Javascript:addmonth (); "Title =" 다음 달 "클래스 =" Daybutton "> 4 < /a > < 신안 > < /tr > < tr 정렬 = "센터" 세로 맞춤 "중간" = > < 스크립트 언어 = "자바 스크립트" > document.write ("< td 클래스 = daysuntitle id = 일기 >" + 일 [0] + "< 신안 >"); 대 한 (var intloop = 1; intloop < days.length-1; intloop + +) document.write ("< td 클래스 = daytitle id = 일기 >" + days[intloop) + "< 신안 >"); document.write ("< td 클래스 = daysattitle id = 일기 >" + days[intloop) + "< 신안 >"); < / 스크립트 > < /TR > < / thead > < tbody 국경 1 cellspacing = "0" cellpadding = "0" id = "캘린더" Align = 센터 onclick = = "Getdiary ()" > < 스크립트 언어 = "자바 스크립트" > 대 한 (var intweeks = 0; intweeks < 6; intweeks + +) { document.write ("< tr 스타일 ' 커서: 손 ' = >"); 대 한 (var intdays = 0; intdays < days.length;intdays++) document.write ("< td 클래스 = calendartd onMouseover = ' 부 Ttonover (); ' onmouseout = ' buttonout (); >< 신안 > "); document.write ("< /TR >"); } < / 스크립트 > < / TBODY > < / 테이블 > < 스크립트 언어 = "자바 스크립트" > 캘린더 (); < / 스크립트 >