jquery로 작성한 만년 달력 (자체 작성)_jquery

复代码 代码如下:

<머리>

<스타일>
.main{
너비:600px;
높이:350px;
배경:회색;
여백-왼쪽: 자동;
여백 오른쪽: 자동;
오버플로:숨김;
-webkit-border-radius: 10px;
-moz-국경-반경: 10px;
}
.title{
text-align:center;
}
.date{
float:left;
왼쪽 패딩:31px;
}
.date1{
float:left;
폭:20px;
높이:20px;
padding-top:10px;
왼쪽 여백:30px;
패딩 오른쪽:30px;
}
.content{
margin-left:25px;
}


<스크립트>
function getTime(년,월,일){
y = 연도
m = 월
d = 일
var myDate = new Date(년,월-1,일);
myDate를 반환합니다.
}
함수 days_in_month(년, 월) {
y = 연도;
m = 월;
return 32 - new Date(y, m - 1, 32).getDate();
}
함수 보기(년,월){

var w = getTime(년,월,1).getDay()-1;
var num = days_in_month(년,월);
var 인덱스 = 1;
//console.log(w);
var data = new Array();
for(var d = 0; d if(ddata[d] = '';
}else{
데이터[d] = 인덱스;
색인 ;
}
}
$("#content").html('');
for(var k =0;k < data.length;k ){
if(k%7==0){
$("#content").append("

" data[k] "

");
}else{
$("#content").append("

" data[k] "

" );
}
}
$("#content > div").mouseover(function(){
if($(this).text()!=''){
$(this).css('배경','빨간색')
}
});
$("#content > div").mouseout(function(){
if($(this).text()!=''){
$(this).css(' 배경','회색');
}
});
}

$(document).ready(function (){
for(var t = 1970; t $("#yearsel"). Append("<옵션 값 ='" t "'>" t "")
}
for(var y = 1; y < 13;y ){
$("#monthsel").append("" y "")
}
var year = new Date(). getFullYear();
var Month = new Date().getMonth() 1;
var day = new Date().getDate()
var w = getTime(연도,월,1). getDay()-1;
var num = 일 w -1
$("#yearsel").change(function(){
year = $("#yearsel 옵션:선택됨"). text();
month = $("#monthsel option:selected").text();
view(연도,월)
}); .change(function(){
연도 = $("#yearsel 옵션:선택됨").text();
월 = $("#monthsel 옵션:선택됨").text();
view(연도,월);
var oDate = ['松期一','松期日','松期三','松期4','松期五','松期六','松期日',] ;
for(var i = 0;i < 7;i ){
$("#title").append("

" oDate[ i] "

");
}
$("#yearsel option[value='" year "']").attr("selected", true);
보기(년,월);
//标记当前日期
$("#t" num).css('배경','노란색');
});


<본문>

만년历

년

월