<!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>
js实现简单的日历
最新推荐文章于 2024-07-27 18:37:51 发布