var dayArray = new Array("星期日","星期一","星期二","星期三","星期四","星期五","星期六"); //创建星期数组
var today = new Date();
window.onload = function(){
var tabletag = document.createElement("table");
tabletag.id = "dateform";
var oTable = document.body.appendChild(tabletag);
var i = j = 0;
var oRows = oTable.insertRow(i);
for(j=0;j<7;j++){
var oCols = oRows.insertCell(j)//FF
oCols.innerHTML = dayArray[j];
oCols.style.background="yellow"
}
i++;
for(;i<6;i++){
oRows=oTable.insertRow(i)//FF
//var oRows = oTable.appendChild();
for(j=0;j<7;j++){
var oCols = oRows.insertCell(j)//FF
//oCols.innerHTML = i + "行" + j +"列";
oCols.style.background="#eee"
}
}
var plas = getDayOfWeek(today.getYear(),today.getMonth() + 1,1);
var mondays = DayNumOfMonth(today.getYear(),today.getMonth() + 1);
for(i=1;i<=mondays;i++)
{
var rnum = (plas + i)/7;
if(rnum>parseInt(rnum))
rnum = parseInt(rnum) + 1;
else
rnum = rnum;
//alert(rnum);
//oRows = oTable.getRow(rnum);
var cnum = getDayOfWeek(today.getYear(),today.getMonth() + 1,i);
//var oCols = oRows.getCell(cnum);
oTable.rows[rnum].cells[cnum].innerHTML = i;
oTable.rows[rnum].cells[cnum].onmouseover = function(){this.style.background="green"};
oTable.rows[rnum].cells[cnum].onmouseout = function(){this.style.background="#eee";};
if(i==today.getDate())
{
oTable.rows[rnum].cells[cnum].style.background="red"
oTable.rows[rnum].cells[cnum].onmouseout = function(){this.style.background="red";};
}
//oTable.rows[rnum].cells[cnum].setAttribute("onclick", dblclick(rnum,cnum));;
}
}
this.dblclick = function(i,j){
alert(i + "," + j);
}
//alert(getDayOfWeek(day.getYear(),2,1)); //调用判断星期几的方法
//alert(DayNumOfMonth(2012,02));
function DayNumOfMonth(Year,Month)
{
var d = new Date(Year,Month,0);
return d.getDate();
}
function getDayOfWeek(Year,Month,Day){
var dayValue = Year + "-" + Month + "-" + Day;
var day = new Date(Date.parse(dayValue.replace(/-/g, '/'))); //将日期值格式化
return day.getDay(); //返一个星期中的某一天,其中0为星期日
}
自己写了个JS日历
最新推荐文章于 2023-09-21 13:13:29 发布