<!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">
table tr td{ border-top:#FF0000 solid 1px; background-color:#00CC33; text-align:center; line-height:24px;}
</style>
<script type="text/javascript" src="jquery.1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
printDate();
});
function printDate(){
var html='<table style="text-align:center;border:1px;">';
html+='<tr><td>星期一</td><td>星期二</td><td>星期三</td><td>星期四</td><td>星期五</td><td>星期六</td><td>星期日</td></tr>';
var index=0;
var arr=[7,1,2,3,4,5,6];
//总天数
var count = getCountDays();
// 得到每个月的第一天星期几
var curDate = settime();
html+="<br/><br/>"+(curDate.getMonth()+1)+" 月份日期<Br/><Br/>";
curDate.setDate(1);
// 判断这个月的第一天星期几
var week = curDate.getDay();
// 打印的空格数
var first = arr[week];
for(var i=1;i<=count;i++){
if(i == 1){
html+='<tr>';
}
if(index==7){
html+="</tr><tr>";
index=0;
}
if(i==1 &&first<=7){
// 判断每个月的第一个是星期几,并打印相应的空格
for(var j =1;j<=7;j++){
if(j==first){
html+='<td>'+i+'</td>';
break;
}else{
html+='<td></td>';
}
index++;
}
}else{
html+='<td>'+i+'</td>';
}
index++;
}
$("body").append(html);
}
function getCountDays() {
var curDate = settime();
/* 获取当前月份 */
var curMonth = curDate.getMonth();
/* 生成实际的月份: 由于curMonth会比实际月份小1, 故需加1 */
curDate.setMonth(curMonth + 1);
/* 将日期设置为0, 这里为什么要这样设置, 我不知道原因, 这是从网上学来的 */
curDate.setDate(0);
/* 返回当月的天数 */
return curDate.getDate();
}
// 自定义日期,然后根据月份输出该月所有天数,与系统日期对应
function settime(){
var str ='2015-05-12 23:13:15';
str = str.replace(/-/g,"/");
var date = new Date(str );
return date;
}
</script>
</head>
<body>
</body>
</html>