用jquery寫的一個萬年曆(自寫)_jquery

複製程式碼如下程式碼：

. main{
寬度：600px;
高度：350px;
背景：灰色；
左邊距：自動；
右邊距：自動；
溢出：隱藏；
- webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
.title{
text-align:center;
}
.date{
float:left;
左內邊距：31px;
}
.date1{
float:left;
寬度：20px；
高度：20px>；上填：10px;
左內邊距：30px;
右內邊距：30px;
}
.content{
margin-left:25px;
}
}
風格>


function getTime(年,月,日){
y = 年
m = 月
d = 日
var myDate = new Date(年,月-1,日);
返回我的日期；
}
函數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] = '';
}其他{
資料[d] =索引;
索引；
}
}
$ ("#content").html('');
for(var k =0;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").附加（“”t“
}
for（var y = 1; y $("#monthsel").append("" y "" );
}
varyear = new Date(). getFullYear();
var 月份= new Date().getMonth() 1;
var day = new Date().getDate() ;
var w = getTime(年,月,1). getDay()-1;
var num = 天w
$("#yearsel").change(function(){
year = $("#yearsel 選項:已選擇"). text();
月= $("#monthsel 選項:已選擇").text();
view(年,月);
$("#monthsel") .change(function(){
年= $("#yearsel option:selected").text();
month = $("#monthsel option:selected" ).text();
view(year,month);
});
var oDate = ['星期一','星期二','星期三','星期四','星期五', '星期六','星期日',] ;
for(var i = 0;i $("#title").append("

" oDate[ i] "

"
}
$("#yearsel option[value='" 年"']").attr("已選擇", true );
視圖（年，月）；
//標記當前日期
$("#t" num).css('background','yellow');
});
腳本>
頭>

萬年曆

年

月

身體>