ホームページ > ウェブフロントエンド > jsチュートリアル > jqueryで書いた永久カレンダー(自作)_jquery

jqueryで書いた永久カレンダー(自作)_jquery

WBOY
リリース: 2016-05-16 17:03:10
オリジナル
1166 人が閲覧しました
复制代码代码如下:


<頭>


.main{
幅:600px;
高さ:350ピクセル;
背景:グレー;
マージン左: 自動;
マージン右: 自動;
オーバーフロー:非表示;
-webkit-border-radius: 10px;
-moz-border-radius: 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();
}
function view(年,月){

var w = getTime(年,月,1).getDay()-1;
var num = days_in_month(年,月);
変数インデックス = 1;
//console.log(w);
var data = new Array();
for(var d = 0; d if(ddata[d] = '';
}else{
data[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"). append("t "");
}
for(var y = 1; y <13;y ){
$("#monthsel").append("<オプション値 ='" y "'>" 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 = day w -1;
$("#yearsel").change(function(){
year = $("#yearsel オプション:選択済み") text();
月 = $("#monthsel オプション:選択済み").text();
view(年,月);
$("#monthsel"); .change(function(){
年 = $("#yearsel オプション:選択済み").text();
月 = $("#monthsel オプション:選択済み").text();
view(year,month);
}); var oDate = ['星期一','星期二','星期三','星期四','星期六','星期日',] ;
for(var i = 0;i <7;i ){
$("#title").append("
" oDate[ i] "
");
}
$("#yearsel option[value='" year "']").attr("selected", true);
ビュー(年,月);
//标记当前日
$("#t" num).css('background',' yellow');
});




万年历














関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート