关于月历的实现
日期：2014-05-16 浏览次数：20465 次
关于万年历的实现
我现在想做个万年历，然后在某一天上面显示我想要显示的东西，求大神指导
------解决方案--------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
td[colspan]{
text-align:center;
height:auto;
}
table{
border-collapse:collapse;
border-style:solid;
}
th{
width:50px;
background-color:#0FF;
}
td{
border-style:solid;
height:50px;
vertical-align:top;
}
</style>
<script type="text/javascript">
function init(){
var year=document.getElementById("year");
for(var i=2000;i<=2100;i++){
var option=document.createElement("option");
option.value=i;
option.innerHTML=i+"年";
year.appendChild(option);
if(i==2013){
option.selected=true;
}
}
var month=document.getElementById("month");
for(var i=1;i<=12;i++){
var option=document.createElement("option");
option.value=i;
if(i<10){
option.innerHTML='0'+i+"月";
}else{
option.innerHTML=i+"月";
}
month.appendChild(option);
}
var table=document.getElementById("test");
for(var i=1;i<=6;i++){
var tr=document.createElement("tr");
for(var j=1;j<=7;j++){
var td=document.createElement("td");
td.setAttribute("num",j);
tr.appendChild(td);
}
table.appendChild(tr);
}
year.onchange=showDate;
month.onchange=showDate;
}
function showDate(){
var md1=[31,28,31,30,31,30,31,31,30,31,30,31];
var md2=[31,29,31,30,31,30,31,31,30,31,30,31]
var month=document.getElementById("month").value;
var year=document.getElementById("year").value;
var date=new Date(year,month-1,1);
var tbody=document.getElementById("test");
var tds=tbody.getElementsByTagName("td");
for(var i=1;i<tds.length;i++){
tds[i].innerHTML="";
tds[i].style.backgroundColor="#CCC";
}
var day=date.getDay();
var now="";
var leap=isLeap(year);
if(leap){
now=md2;
}else{
now=md1;
}
day=day%7+1;
for(var i=1;i<day;i++){
var t=(month-2)>-1?(month-2):11;
if(month<1){
var y=year-1;
}else{
y=year;
}
tds[i].innerHTML=now[t]-(day-i)+1;
var key=getKey(y,t,tds[i].innerHTML);
tds[i].innerHTML+="<br/>"+getCookie(key);
addEvent(tds[i],key);
}
for(var i=0;i<now[month-1];i++){
tds[day].innerHTML=i+1;
var key=getKey(year,month-1,tds[day].innerHTML);
tds[day].innerHTML+="<br/>"+getCookie(key);
tds[day].style.backgroundColor="white";
var t=tds[day].getAttribute("num");
if(t==1
------解决方案--------------------
t==7){
tds[day].style.backgroundColor='red';
}
addEvent(tds[day],key);
day++;
}
for(var i=day;i<tds.length;i++){
tds[i].innerHTML=i+1-day;
var key=getKey(year,month,tds[i].innerHTML);
tds[i].innerHTML+="<br/>"+getCook
我现在想做个万年历，然后在某一天上面显示我想要显示的东西，求大神指导
JS
------解决方案--------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
td[colspan]{
text-align:center;
height:auto;
}
table{
border-collapse:collapse;
border-style:solid;
}
th{
width:50px;
background-color:#0FF;
}
td{
border-style:solid;
height:50px;
vertical-align:top;
}
</style>
<script type="text/javascript">
function init(){
var year=document.getElementById("year");
for(var i=2000;i<=2100;i++){
var option=document.createElement("option");
option.value=i;
option.innerHTML=i+"年";
year.appendChild(option);
if(i==2013){
option.selected=true;
}
}
var month=document.getElementById("month");
for(var i=1;i<=12;i++){
var option=document.createElement("option");
option.value=i;
if(i<10){
option.innerHTML='0'+i+"月";
}else{
option.innerHTML=i+"月";
}
month.appendChild(option);
}
var table=document.getElementById("test");
for(var i=1;i<=6;i++){
var tr=document.createElement("tr");
for(var j=1;j<=7;j++){
var td=document.createElement("td");
td.setAttribute("num",j);
tr.appendChild(td);
}
table.appendChild(tr);
}
year.onchange=showDate;
month.onchange=showDate;
}
function showDate(){
var md1=[31,28,31,30,31,30,31,31,30,31,30,31];
var md2=[31,29,31,30,31,30,31,31,30,31,30,31]
var month=document.getElementById("month").value;
var year=document.getElementById("year").value;
var date=new Date(year,month-1,1);
var tbody=document.getElementById("test");
var tds=tbody.getElementsByTagName("td");
for(var i=1;i<tds.length;i++){
tds[i].innerHTML="";
tds[i].style.backgroundColor="#CCC";
}
var day=date.getDay();
var now="";
var leap=isLeap(year);
if(leap){
now=md2;
}else{
now=md1;
}
day=day%7+1;
for(var i=1;i<day;i++){
var t=(month-2)>-1?(month-2):11;
if(month<1){
var y=year-1;
}else{
y=year;
}
tds[i].innerHTML=now[t]-(day-i)+1;
var key=getKey(y,t,tds[i].innerHTML);
tds[i].innerHTML+="<br/>"+getCookie(key);
addEvent(tds[i],key);
}
for(var i=0;i<now[month-1];i++){
tds[day].innerHTML=i+1;
var key=getKey(year,month-1,tds[day].innerHTML);
tds[day].innerHTML+="<br/>"+getCookie(key);
tds[day].style.backgroundColor="white";
var t=tds[day].getAttribute("num");
if(t==1
------解决方案--------------------
t==7){
tds[day].style.backgroundColor='red';
}
addEvent(tds[day],key);
day++;
}
for(var i=day;i<tds.length;i++){
tds[i].innerHTML=i+1-day;
var key=getKey(year,month,tds[i].innerHTML);
tds[i].innerHTML+="<br/>"+getCook
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
