js实现简单的日历

来源：互联网发布：google 财务分析软件编辑：程序博客网时间：2024/04/30 10:56
<!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>
0 0