1.引入jquery.js
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>打印日历</title>
<link rel="stylesheet" href="../css/test03.css" type="text/css" />
</head>
<body>
<input type="text" id="years" onblur="doval()" />年
<select id="selectid">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
</select>月
<button onclick="prints()">打印</button>
<script src="../js/jquery-1.12.4.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
var myDate = new Date();
var year = myDate.getFullYear(); //获取完整的年份(4位,1970-????)
var mon = myDate.getMonth(); //获取当前月份(0-11,0代表1月)
$("#selectid").val(mon + 1);
$("#years").val(year);
})
function doval() {
var years = $("#years");
var inpVal = years.val();
var reg = /^[1-9]\d*$/gi;
if (reg.test(inpVal) && inpVal.length == 4) {
console.log(inpVal);
} else {
console.log('请输入非0开头的四位正整数');
years.val("");
}
}
function prints() { //点击时获取年月值,打印出结果
var dat1 = $("#selectid").val();
var dat2 = $("#years").val();
if (dat2 > 0) { //开始打印的代码
console.log(dat2 + "年" + dat1 + "月 ");
var dateObj = new Date(dat2, dat1 - 1, 1); //自定义日期的时间
//获得这一天是周几
var week = dateObj.getDay(); //获取当前星期X(0-6,0代表星期天)
var arr = ["日", "一", "二", "三", "四", "五", "六"];
var s = week - 0; //计算当前月份一号距离周日的日期
for (var i = 0; i < s; i++) {
arr.push(" ");
}
// console.log(arr)
//获取当前月最后一天
var lastday = new Date(dat2, dat1, 0).getDate();
//console.log(lastday)
for (var i = 0; i < lastday; i++) {
arr.push(i + 1);
}
// console.log(arr)
var str = "";
for (var i = 0; i< arr.length; i++) {
if(arr[i]<10&&i>6){//给0-9之间的日期加长
arr[i]=" "+arr[i];
}
str = str+" " +arr[i]+" ";
if((i+1)%7==0){//七个值打印一次
console.log('%c'+str,'color:green;font-size:15px;width:70px ');
// str = arr[i]+" " ;
str="";
}
}
console.log('%c'+str,'color:green;font-size:15px;width:70px ');
}
else {
console.log("缺值无法打印")
}
}
</script>
</body>
</html>