注:引用jq包
<script src="jquery-1.11.0.js"></script>
<script type="text/javascript">
var today = new Array("日", "一","二", "三", "四", "五", "六");//創建星期數組
var monthday = new Array(31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31);
function setDay(_year,_month,_day)
{
var dayresult = "<td>" + _day + "</td>";
return dayresult;
}
function setWeek(_year,_month,_day,_endday,_startindex,_endindex)
{
var weekResult="<tr>";
for (var i = 0, day = _day; i < 7 && day<=_endday; i++)
{
if(i>=_startindex && i<=_endindex)
{
weekResult += setDay(_year,_month,_day);
_day++;
}
else
{
weekResult += "<td>" + "" + "</td>";
}
}
weekResult += "</tr>";
return weekResult;
}
function setMonth(_year,_month)
{
var monthResult = "<table>";
monthResult += "<tr><td colspan='7' align='center'>" + _month + "月</tr></td>";
monthResult += "<tr>";
for (var i = 0; i < 7; i++)
{
monthResult += "<td>" + today [i]+ "</td>";
}
monthResult += "</tr>";
var startindex = 0, endindex = 6,startday=1,endday,pd=0;
var day = new Date(Date.parse(_year + "/" + _month + "/" + startday));
startindex = Number(day.getDay());
endday = endindex - startindex + 1;
while(endday>=startday)
{
monthResult += setWeek(_year, _month, startday,endday, startindex, endindex);
startday = endday + 1;
startindex = 0;
endday = startday + endindex;
if (pd == 1) break;
if (endday > monthday[_month - 1]) {
endindex -= endday - monthday[_month-1];
endday = monthday[_month-1];
pd = 1;
}
}
monthResult += "</table>";
return monthResult;
}
function setYear(_year)
{
var yearResult = "";
for(var i=1;i<13;i++)
{
yearResult += setMonth(_year, i);
}
return yearResult;
}
$(document).ready(function () {
$("#datepicker").html(setYear(2014));
});
</script>