这是一个显示年历的程序,还不够完善,等待高手指点...

本文链接：https://blog.csdn.net/cuckoo1/article/details/6230302

<Html>
<Title>年历 Gu Laicheng</title>
<style>
table {
border: solid 1 #AAAAFF;
font-Size: 9pt;
font-family: Arial;
background: #e0e3f7
display: inline;
}
td {
background: "#DDDDFF";
color: "#3333AA";
}
th {
background: "#5555AA";
color: "#FFFFFF";
}

.Sunday
{background: "#CCCCEE";color: #BB0000;}
.Saterday
{background: "#CCCCEE";color: #00BB00;}
.OnTable
{background-color: #7777FF; color: #FFFFFF;}
.OnTd
{background-color: #3333FF; color: #FFFFFF;}
.Today
{background-color: #2222AA; color: #FF0000;}

</style>
<script src="./jquery-1.4.2.js"></script>
<script type="text/javascript" id="js">

//计算某天距离今天的天数:
function getDiffDays()
{
var ds;
var y=this.getYear(),
m=this.getMonth(),
d=this.getDate();

var t=new Date();

var difs = Date.parse(this)-Date.parse(new Date().toDateString());
var difd = Math.round(Math.abs(difs/(1000*60*60*24)));

var ds=this.toLocaleDateString();

if (difs==0) ds += "/n今天."
if (difs >0) ds += "/n今天之后"+difd+"天."
if (difs <0) ds += "/n今天之前"+difd+"天."
return ds;
}
Date.prototype.getDiffDays = getDiffDays;

function getTD(obj) //返回选中日期
{
if ((obj.tagName!="TD")||(obj.innerText==0)) return false;
var y=obj.parentNode.parentNode.parentNode.year;
var m=obj.parentNode.parentNode.parentNode.month;
var d=obj.innerText;
var a=y+"-"+m+"-"+d;

msg.innerText = a;
window.returnValue=a;
window.close();
}

function returnToday() //返回本日
{
var d=new Date();
var a=d.getFullYear()+"-"+(d.getMonth()+1)+"-"+d.getDate();
window.returnValue=a;
window.close();
}

$(document).ready(function(){

$("#GLC>tbody>tr>td")
.mouseover(function(){
$(this).addClass("OnTable");
})
.mouseout(function(){
$(this).removeClass("OnTable");
});

$(".Tlist1>tbody>tr>td")
.mouseover(function(){
$(this).addClass("OnTd");
})
.mouseout(function(){
$(this).removeClass("OnTd");
});

$(".Tlist1>tbody>tr td:first-child").addClass("Sunday");
$(".Tlist1>tbody>tr td:last-child").addClass("Saterday");

$(".Tlist1>tbody>tr>td")
.attr("title", function() {
  var y=this.parentNode.parentNode.parentNode.year;
  var m=this.parentNode.parentNode.parentNode.month;
  var d=parseInt(this.innerText);
  if (isNaN(d)) { return ""}
  var D=new Date(y,m,d);
  return D.getDiffDays();
});

});
</script>
<body>
年历 2011-3-7 Gu Laicheng<br/>
通过IE客户端javascript计算距离今天的天数(getDiffDays在IE端)<br/>
通过jquery，添加td的onmouseover动作<br/>
yr:02011 <table id=GLC><tbody><tr><td><table οndblclick='getTD(event.srcElement)' align=center month=0 year=2011 fday=6 days=31 class=Tlist1><caption undefined>2011年1月</caption><tr><th>日</th><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th></tr><tbody><tr align=center><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td>1</td></tr></tbody><tr align=center><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td></tr></tbody><tr align=center><td>9</td><td>10</td><td>11</td><td>12</td><td>13</td><td>14</td><td>15</td></tr></tbody><tr align=center><td>16</td><td>17</td><td>18</td><td>19</td><td>20</td><td>21</td><td>22</td></tr></tbody><tr align=center><td>23</td><td>24</td><td>25</td><td>26</td><td>27</td><td>28</td><td>29</td></tr></tbody><tr align=center><td>30</td><td>31</td><td> </td><td> </td><td> </td><td> </td><td> </td></tr></tbody></table></td><td><table οndblclick='getTD(event.srcElement)' align=center month=1 year=2011 fday=2 days=28 class=Tlist1><caption undefined>2011年2月</caption><tr><th>日</th><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th></tr><tbody><tr align=center><td> </td><td> </td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td></tr></tbody><tr align=center><td>6</td><td>7</td><td>8</td><td>9</td><td>10</td><td>11</td><td>12</td></tr></tbody><tr align=center><td>13</td><td>14</td><td>15</td><td>16</td><td>17</td><td>18</td><td>19</td></tr></tbody><tr align=center><td>20</td><td>21</td><td>22</td><td>23</td><td>24</td><td>25</td><td>26</td></tr></tbody><tr align=center><td>27</td><td>28</td><td> </td><td> </td><td> </td><td> </td><td> </td></tr></tbody><tr align=center><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr></tbody></table></td><td><table οndblclick='getTD(event.srcElement)' align=center month=2 year=2011 fday=2 days=31 class=Tlist1><caption class='Today'>2011年3月</caption><tr><th>日</th><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th></tr><tbody><tr align=center><td> </td><td> </td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td></tr></tbody><tr align=center><td>6</td><td class='Today'>7</td><td>8</td><td>9</td><td>10</td><td>11</td><td>12</td></tr></tbody><tr align=center><td>13</td><td>14</td><td>15</td><td>16</td><td>17</td><td>18</td><td>19</td></tr></tbody><tr align=center><td>20</td><td>21</td><td>22</td><td>23</td><td>24</td><td>25</td><td>26</td></tr></tbody><tr align=center><td>27</td><td>28</td><td>29</td><td>30</td><td>31</td><td> </td><td> </td></tr></tbody><tr align=center><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr></tbody></table></td><td><table οndblclick='getTD(event.srcElement)' align=center month=3 year=2011 fday=5 days=30 class=Tlist1><caption undefined>2011年4月</caption><tr><th>日</th><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th></tr><tbody><tr align=center><td> </td><td> </td><td> </td><td> </td><td> </td><td>1</td><td>2</td></tr></tbody><tr align=center><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td></tr></tbody><tr align=center><td>10</td><td>11</td><td>12</td><td>13</td><td>14</td><td>15</td><td>16</td></tr></tbody><tr align=center><td>17</td><td>18</td><td>19</td><td>20</td><td>21</td><td>22</td><td>23</td></tr></tbody><tr align=center><td>24</td><td>25</td><td>26</td><td>27</td><td>28</td><td>29</td><td>30</td></tr></tbody><tr align=center><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr></tbody></table></td></tr><tr><td><table οndblclick='getTD(event.srcElement)' align=center month=4 year=2011 fday=0 days=31 class=Tlist1><caption undefined>2011年5月</caption><tr><th>日</th><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th></tr><tbody><tr align=center><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td></tr></tbody><tr align=center><td>8</td><td>9</td><td>10</td><td>11</td><td>12</td><td>13</td><td>14</td></tr></tbody><tr align=center><td>15</td><td>16</td><td>17</td><td>18</td><td>19</td><td>20</td><td>21</td></tr></tbody><tr align=center><td>22</td><td>23</td><td>24</td><td>25</td><td>26</td><td>27</td><td>28</td></tr></tbody><tr align=center><td>29</td><td>30</td><td>31</td><td> </td><td> </td><td> </td><td> </td></tr></tbody><tr align=center><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr></tbody></table></td><td><table οndblclick='getTD(event.srcElement)' align=center month=5 year=2011 fday=3 days=30 class=Tlist1><caption undefined>2011年6月</caption><tr><th>日</th><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th></tr><tbody><tr align=center><td> </td><td> </td><td> </td><td>1</td><td>2</td><td>3</td><td>4</td></tr></tbody><tr align=center><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><td>10</td><td>11</td></tr></tbody><tr align=center><td>12</td><td>13</td><td>14</td><td>15</td><td>16</td><td>17</td><td>18</td></tr></tbody><tr align=center><td>19</td><td>20</td><td>21</td><td>22</td><td>23</td><td>24</td><td>25</td></tr></tbody><tr align=center><td>26</td><td>27</td><td>28</td><td>29</td><td>30</td><td> </td><td> </td></tr></tbody><tr align=center><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr></tbody></table></td><td><table οndblclick='getTD(event.srcElement)' align=center month=6 year=2011 fday=5 days=31 class=Tlist1><caption undefined>2011年7月</caption><tr><th>日</th><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th></tr><tbody><tr align=center><td> </td><td> </td><td> </td><td> </td><td> </td><td>1</td><td>2</td></tr></tbody><tr align=center><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td></tr></tbody><tr align=center><td>10</td><td>11</td><td>12</td><td>13</td><td>14</td><td>15</td><td>16</td></tr></tbody><tr align=center><td>17</td><td>18</td><td>19</td><td>20</td><td>21</td><td>22</td><td>23</td></tr></tbody><tr align=center><td>24</td><td>25</td><td>26</td><td>27</td><td>28</td><td>29</td><td>30</td></tr></tbody><tr align=center><td>31</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr></tbody></table></td><td><table οndblclick='getTD(event.srcElement)' align=center month=7 year=2011 fday=1 days=31 class=Tlist1><caption undefined>2011年8月</caption><tr><th>日</th><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th></tr><tbody><tr align=center><td> </td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td></tr></tbody><tr align=center><td>7</td><td>8</td><td>9</td><td>10</td><td>11</td><td>12</td><td>13</td></tr></tbody><tr align=center><td>14</td><td>15</td><td>16</td><td>17</td><td>18</td><td>19</td><td>20</td></tr></tbody><tr align=center><td>21</td><td>22</td><td>23</td><td>24</td><td>25</td><td>26</td><td>27</td></tr></tbody><tr align=center><td>28</td><td>29</td><td>30</td><td>31</td><td> </td><td> </td><td> </td></tr></tbody><tr align=center><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr></tbody></table></td></tr><tr><td><table οndblclick='getTD(event.srcElement)' align=center month=8 year=2011 fday=4 days=30 class=Tlist1><caption undefined>2011年9月</caption><tr><th>日</th><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th></tr><tbody><tr align=center><td> </td><td> </td><td> </td><td> </td><td>1</td><td>2</td><td>3</td></tr></tbody><tr align=center><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><td>10</td></tr></tbody><tr align=center><td>11</td><td>12</td><td>13</td><td>14</td><td>15</td><td>16</td><td>17</td></tr></tbody><tr align=center><td>18</td><td>19</td><td>20</td><td>21</td><td>22</td><td>23</td><td>24</td></tr></tbody><tr align=center><td>25</td><td>26</td><td>27</td><td>28</td><td>29</td><td>30</td><td> </td></tr></tbody><tr align=center><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr></tbody></table></td><td><table οndblclick='getTD(event.srcElement)' align=center month=9 year=2011 fday=6 days=31 class=Tlist1><caption undefined>2011年10月</caption><tr><th>日</th><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th></tr><tbody><tr align=center><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td>1</td></tr></tbody><tr align=center><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td></tr></tbody><tr align=center><td>9</td><td>10</td><td>11</td><td>12</td><td>13</td><td>14</td><td>15</td></tr></tbody><tr align=center><td>16</td><td>17</td><td>18</td><td>19</td><td>20</td><td>21</td><td>22</td></tr></tbody><tr align=center><td>23</td><td>24</td><td>25</td><td>26</td><td>27</td><td>28</td><td>29</td></tr></tbody><tr align=center><td>30</td><td>31</td><td> </td><td> </td><td> </td><td> </td><td> </td></tr></tbody></table></td><td><table οndblclick='getTD(event.srcElement)' align=center month=10 year=2011 fday=2 days=30 class=Tlist1><caption undefined>2011年11月</caption><tr><th>日</th><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th></tr><tbody><tr align=center><td> </td><td> </td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td></tr></tbody><tr align=center><td>6</td><td>7</td><td>8</td><td>9</td><td>10</td><td>11</td><td>12</td></tr></tbody><tr align=center><td>13</td><td>14</td><td>15</td><td>16</td><td>17</td><td>18</td><td>19</td></tr></tbody><tr align=center><td>20</td><td>21</td><td>22</td><td>23</td><td>24</td><td>25</td><td>26</td></tr></tbody><tr align=center><td>27</td><td>28</td><td>29</td><td>30</td><td> </td><td> </td><td> </td></tr></tbody><tr align=center><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr></tbody></table></td><td><table οndblclick='getTD(event.srcElement)' align=center month=11 year=2011 fday=4 days=31 class=Tlist1><caption undefined>2011年12月</caption><tr><th>日</th><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th></tr><tbody><tr align=center><td> </td><td> </td><td> </td><td> </td><td>1</td><td>2</td><td>3</td></tr></tbody><tr align=center><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><td>10</td></tr></tbody><tr align=center><td>11</td><td>12</td><td>13</td><td>14</td><td>15</td><td>16</td><td>17</td></tr></tbody><tr align=center><td>18</td><td>19</td><td>20</td><td>21</td><td>22</td><td>23</td><td>24</td></tr></tbody><tr align=center><td>25</td><td>26</td><td>27</td><td>28</td><td>29</td><td>30</td><td>31</td></tr></tbody><tr align=center><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr></tbody></table></td></tr></tbody></table>
<script language="javascript">

</script>
<span id=msg> </span>
</body>
</html>