打印2018年的日历

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
*{box-sizing: border-box;}
.calendar{
float:left;
width:25%;
border: 1px solid #eee
}
.calendar .calendar_title{
padding:.5em 0 .5em 0;
text-align: center;
border-bottom: 1px solid #eee
}
.calendar .calendar_week{
padding:.5em 0 .5em 0;
}
.calendar .calendar_week span{
width:14.2857%;
text-align: center;
display: inline-block;
}
.calendar .calendar_dateCon span{
padding:.5em 0 .5em 0;
width:14.2857%;
text-align: center;
display: inline-block;
}
.calendar .red{
background: red
}
.calendar .green{
background: green
}

</style>
</head>

<body>
<div id="rili"></div>
<script src="jquery-1.9.1.min.js"></script>
<script type="text/javascript">
var year="2019";
var month="05";
var strr=""
for(var c=1;c<=12;c++){
strr+=createRi(year,c);
}

document.getElementById("rili").innerHTML=strr

var paint=["2018-05-06","2018-05-07","2018-05-08","2018-05-09"]
var paint2=["2018-05-16","2018-05-17","2018-05-18","2018-05-19","2018-05-20","2018-05-21"]
painting(paint,"green")
painting(paint2,"red")

function createRi(year,month){
var str='<div class="calendar" value="{{month}}">\
<div class="calendar_title">{{month}}月</div>\
<div class="calendar_week">\
<span>周日</span><span>周一</span><span>周二</span><span>周三</span><span>周四</span><span>周五</span><span>周六</span>\
</div>\
<div class="calendar_dateCon">{{days}}</div>\
</div>'
var str=str.replace("{{month}}",month).replace("{{month}}",month);

var emptySpan=getMonthFirstDayWeek(year,month);
var days=getDay(year,month);

var str=str.replace("{{days}}",spanStr);
return str;
}

function isLeapYear(year) { return (year % 4 == 0) && (year % 100 != 0 || year % 400 == 0); }

function getMonthFirstDayWeek(year,month){
var month=+month-1;
var date=new Date();
date.setFullYear(year);
date.setMonth(month);
date.setDate(1);
return date.getDay();
}

function getDay(year,month){
var month=+month;
var day31=[];
var day30=[];
var day29=[];
for(var i=1;i<=31;i++){
day31.push(i);
if(i<=30){
day30.push(i);
}
if(i<=29){
day29.push(i);
}
}

if(month==1 || month==3 || month==5 || month==7 || month==8 || month==10 || month==12){
return day31
}

if(month==4 || month==6 || month==9 || month==11){
return day30
}

if(month==2){
if(isLeapYear(year)){
return day29
}else{
return day30
}
}
}

</script></body></html>

转载于:https://www.cnblogs.com/liuhao-web/p/9530045.html

打印2018年的日历相关推荐

0717 抽象类/接口/异常/==-equals()/搜索字符串/包装类型（统计字符数）/hashCode()/StringBuffer/pingSQL/2018年美式日历
抽象类与接口什么是抽象类? 有一些类没有必要实例化,实例化没有意义,它可以封装通用的业务代码 Animal -- 没有必要实例化 Dog Cat Fish ... 抽象 ...
python打印一年的日历_使用Python打印日历
在本教程中,我们将学习如何使用Python的日历模块打印月份和年份的日历.在Python中这很简单.我们需要年和月的数字.而已. 让我们看看如何打印年历.请按照以下步骤打印年历.导入日历模块. 初始化 ...
python打印一整年的日历
文章目录主要函数 **Calendar** **TextCalendar** **HTMLCalendar** calendar中封装了一些类似枚举的变量,首先是星期 0 1 2 3 4 5 6 M ...
java 打印某年的日历_java打印指定年月的日历
本文实例为大家分享了Java打印指定年月日历的具体代码,供大家参考,具体内容如下日历如下: 程序如下: //打印指定年月的日历 public class PrintCalendar { public ...
全国计算机软考准考证打印,2018下半年软考准考证打印及准考证打印相关说明(已开通)...
2018年下半年计算机技术与软件考试将于11月10日开考,各省市2018年下半年软考信息系统项目管理师.系统集成项目管理工程师等考试准考证打印时间预计将于考前一个星期左右开始,也就是基本都是11月5日 ...
2018湖北计算机准考证打印,2018年3月湖北计算机等级考试准考证打印入口
2018年3月计算机等级考试即将开始,小编在这里为考生们整理了2018年3月湖北计算机等级考试准考证打印入口,希望有所帮助,想了解更多资讯,请关注出国留学网的及时更新. 2018年3月湖北计算机等级考 ...
java 输出当月日历_java 实现打印当前月份的日历
实现当前日历的打印,当前日期用*来表示. 关键得出这个月的第一天是星期几. 基姆拉尔森计算公式 W= (d+2*m+3*(m+1)/5+y+y/4-y/100+y/400) mod 7 在公式中d表示 ...
2020年日历电子版(打印版)_2020年日历打印版超清版
iefans为用户提供的2020年日历打印版顾名思义就是将2020的全年日期给你在表格上进行展示的软件,在这里你能够一下子找到你想要找到的日期,以年月日的方式为你进行整齐的排列,从此哪天放假一目了然, ...
python 打印一年的日历
import calendar num = int(input('请输入')) calendar.setfirstweekday(num) #calendar.setfirstweekday(1)这里 ...
Java实验项目二——打印某年某月日历
Program:打印万年历(输入年份,月份,输出该月的日历,已知1900年1月1日是星期一), 要求: (1)编写一个方法判断闰年: (2)编写一个方法判断某年某月有多少天: (3)编写一个方法计算 ...

打印2018年的日历

打印2018年的日历相关推荐

最新文章

热门文章