您现在正在浏览：站长之家 >> 设计编程 >> 详细内容

源码学习:一个简单的日历控件

时间:2007-12-27 来源:不详作者:林子

calendar.prevMonth.onmousedown=function(){

calendar.currentDate[1]--;
if(calendar.currentDate[1]==0){
calendar.currentDate[1]=12;
calendar.currentDate[0]--;
}
calendar.show(calendar.target,calendar.currentDate[0] "-" calendar.currentDate[1] "-" calendar.currentDate[2],calendar.source);
}
/*********** Calendar Today Button ***************/
calendar.goToday = calendar.insertTbCell(trRow,2,"今天","center",3);
calendar.goToday.title="选择今天";
calendar.goToday.onclick=function(){
calendar.sltDate=calendar.currentDate[0] "-" calendar.currentDate[1] "-" calendar.currentDate[2];
calendar.target.value=calendar.sltDate;
calendar.hide();
file://calendar.show(calendar.target,calendar.today[0] "-" calendar.today[1] "-" calendar.today[2],calendar.source);
}
/*********** Calendar NextMonth Button ***************/
calendar.nextMonth = calendar.insertTbCell(trRow,3,">","center");
calendar.nextMonth.title="下一";

本文来自织梦

calendar.nextMonth.onmousedown=function(){
calendar.currentDate[1] ;
if(calendar.currentDate[1]==13){
calendar.currentDate[1]=1;
calendar.currentDate[0] ;
}
calendar.show(calendar.target,calendar.currentDate[0] "-" calendar.currentDate[1] "-" calendar.currentDate[2],calendar.source);
}
/*********** Calendar NextYear Button ***************/
calendar.nextYear = calendar.insertTbCell(trRow,4,">>","center");
calendar.nextYear.title="下一年";
calendar.nextYear.onmousedown=function(){
calendar.currentDate[0] ;
calendar.show(calendar.target,calendar.currentDate[0] "-" calendar.currentDate[1] "-" calendar.currentDate[2],calendar.source); 内容来自dedecms

}

trRow = tbBoard.insertRow(2);
var cnDateName = new Array("周日","周一","周二","周三","周四","周五","周六");
for (var i = 0; i < 7; i ) {
tbCell=trRow.insertCell(i)
tbCell.innerText=cnDateName[i];
tbCell.align="center";
tbCell.width=35;
tbCell.style.cssText="cursor:default;border:1 solid #99CCCC;background-color:#99CCCC;";
} copyright dedecms

/*********** Calendar Body ***************/
trRow = tbBoard.insertRow(3);
tbCell=trRow.insertCell(0);
tbCell.colSpan=7;
tbCell.height=97;
tbCell.vAlign="top";
tbCell.bgColor="#F0F0F0";
var tbBody=document.createElement("table");
tbCell.insertAdjacentElement("beforeEnd",tbBody);
tbBody.style.cssText="position:relative;top:0;left:0;width:245;height:103;font-size:9pt;"
tbBody.cellPadding=0;
tbBody.cellSpacing=1;
calendar.body=tbBody;
}
/************** 加入功能按钮公共样式 *********************/
this.insertTbCell=function(trRow,cellIndex,TXT,trAlign,tbColSpan){
var tbCell=trRow.insertCell(cellIndex);
if(tbColSpan!=undefined) tbCell.colSpan=tbColSpan; 织梦好，好织梦

var btnCell=document.createElement("button");
tbCell.insertAdjacentElement("beforeEnd",btnCell);
btnCell.value=TXT;
btnCell.style.cssText="width:100%;border:1 outset;background-color:buttonface;";