(function () {
var css0="width:210px;height:242px;border:1px solid red;";
var css1="width:210px;height:30px;border-bottom:1px solid red;";
var css2="width:210px;height:30px;border-bottom:1px solid red;";
var css3="width:210px;height:180px;background-color: #cccccc;";
var css1button1="width:30px;height:30px;border:0px; background-color: #cccccc;";
var css1button2="width:30px;height:30px;border:0px; background-color: #aaaaaa;";
var css1button3="width:90px;height:30px;border:0px; background-color: #ffffff;";
var css2button="width:30px;height:30px;border:0px; background-color: #eeeeee;font-size: 10px;";
var css3span="width: 30px;height:30px;float: left;";
var css3button="float: right;width:150px;height: 30px;border: 0px;background-color: #ffffff;";
function toE(Tag,oE,css,h){
var a=document.createElement(Tag);
oE.appendChild(a);
a.style.cssText=css;
a.innerHTML=h;
return a;
}
var div0=toE("div",document.body,css0,"");
var div1=toE("div",div0,css1,"");
var button1=toE("button",div1,css1button2,"<<");button1.οnclick=function(){kg2();};
var button2=toE("button",div1,css1button1,"<");button2.οnclick=function(){kg4();};
var button3=toE("button",div1,css1button3,"");
var button4=toE("button",div1,css1button1,">");button4.οnclick=function(){kg3();};
var button5=toE("button",div1,css1button2,">>");button5.οnclick=function(){kg1();};
var div2=toE("div",div0,css1,"");
var xq1=toE("button",div2,css2button,"週一");
var xq2=toE("button",div2,css2button,"週二");
var xq3=toE("button",div2,css2button,"週三");
var xq4=toE("button",div2,css2button,"週四");
var xq5=toE("button",div2,css2button,"週五");
var xq6=toE("button",div2,css2button,"週六");
var xq7=toE("button",div2,css2button,"週日");
var div3=toE("div",div0,css3,"");
var div3bu=toE("button",div3,css3button,"");
var t0 = new Date();//定義時間對象
var t1 = t0.getFullYear();//獲取當前年份
var t2 = t0.getMonth();//獲取當前月份
var y = t1;
var m = t2;
function tick()
{
var a=new Date();
document.getElementById("button_hms").innerHTML =a.getHours() + "點" + a.getMinutes() + "分" + a.getSeconds()+ "秒";
window.setTimeout(function(){tick();}, 1000);
}
function kg(time1, time2) {
var c0 = new Date(time1, (time2+1), 0).getDate();
var c1 = new Date(time1, (time2), 0);
button3.innerText = time1+"年"+(time2+1)+"月";
div3.innerHTML = "";
for (var i = 0; i <c1.getDay(); i++) {
toE("span",div3,css3span,"");
}
for (var i = 1; i < c0+1 ; i++) {
toE("button",div3,css3span,i);
}
var hms=toE("button",div3,css3button,"11111111111");
hms.id="button_hms";
tick()
}
kg(t1, t2);
window.kg1=function() {
y++;
kg(y, m);
}
window.kg2=function() {
y--;
kg(y, m);
}
window.kg3=function() {
m++;
if(m<12){
kg(y, m);
}
if(m>11){
y++;
m=0;
kg(y,m);
}
}
window.kg4=function() {
m--;
if(m<12){
kg(y, m);
}
if(m<0){
y--;
m=11;
kg(y,m);
}
}
})();
純手寫的 javascript 萬年曆控件,複製代碼就可以用
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.