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">

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>



郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。