js实现简单的日历_用js实现简单日历-CSDN博客

本文链接：https://blog.csdn.net/wuzhe128520/article/details/52689508

<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>js简单日历</title>
  <style type="text/css">
   *{
     margin: 0;
	 padding: 0;
   }
  </style>
 </head>
 <body>
 <pre>
  <script type="text/javascript">
    /* var myDate=new Date();
	 var year=myDate.getFullYear();//年份
	 var month=myDate.getMonth()+1;//月份是0-11;
	 var day=myDate.getDate();//日期
	 //var day=myDate.getDay();//返回星期(0-6) 0表示星期日
	 var hour=myDate.getHours();
	 var minute=myDate.getMinutes();
	 var seconds=myDate.getSeconds();
	 console.log(year+"年"+month+"月"+day+"日"+hour+"时"+minute+"分"+seconds+"秒");
	 console.log(myDate.toLocaleString());	*/
	 
	 /*
	 简单的日历:
	   1、当月第一日是星期几(打印空格)?
	   2、当月有多少天?  new Date(currentYear,currentMonth+1,0).getDate();得到currentMonth有多少天,new Date第三个参数为0的时候，返回上一个月的最后一天
	 */
	     /*var nowDate=new Date();
	     var inputYear=nowDate.getFullYear();
	     var inputMonth=nowDate.getMonth();
		 var date=nowDate.getDate();
		 */
		 var inputYear=window.prompt("请输入年：");
	     var inputMonth=window.prompt("请输入月：")-1;	 
	     var newDate=new Date(inputYear,inputMonth,1);
	     var week=newDate.getDay();//得到星期几
		 var howManyDay=new Date(inputYear,inputMonth+1,0).getDate();
		 var lastDays=new Date(inputYear,inputMonth,0).getDate();
		 document.write("<div>"+inputYear+"年"+(inputMonth+1)+"月"+"</div>");
		 document.write("<div>日	一	二	三	四	五	六</div>");
		 var calendar="";
		 for(var i=lastDays-week+1;i<=lastDays;i++){//打印空格
		     calendar+='<span style="color:gray">'+i+"</span>"+"	"
		 }
		 document.write(calendar);
		 var nums="";
			 for(var i=1;i<=howManyDay;i++){//打印日历
              /* if(i==date){
			     nums+=i+'<span style="color:red;vertical-align: top;">'+'*</span>'+"	";
			   }else {*/
		         nums+=i+"	";
			  // }
			   if((i+week)%7==0){
			      nums+="<br>";
			   }
			   
		 }
		 document.write(nums);
		 var kong="";
         var lastKong=7-(howManyDay+week)%7;
		 if(lastKong!=0){
		 for(var i=1;i<=lastKong;i++){
		     kong+='<span style="color:gray">'+i+"</span>"+"	"
		 } 
		 document.write(kong);
		 }
  </script>
  </pre>
 </body>
</html>