如题。主要代码示意如下：
html代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
td{
border: 1;
border-style: solid;
border-color: black;
}
</style>
</head>
<body>
<table id="t1">
</table>
</body>
<script src="1.js"></script>
</html>
js代码：
var t="<tr><td>日</td><td>一</td><td>二</td><td>三</td><td>四</td><td>五</td><td>六</td></tr>";
var table=document.getElementById("t1");
var d=new Date();
maxday=28;//此处省略根据月份判断当月最大日期
c=-1;
t+="<tr>";
console.log(d.getDate());
for(i=0;i<d.getDay();i++)
{
c++;
t+="<td> </td>";
}
for(i=1;i<=maxday;i++)
{
c++;
if(c==7)
{
c=0;
t+="</tr><tr>";
}
if(i==d.getDate())
{
t+="<td style='background-color: blue;'>"+i+"</td>";
}
else
{
t+="<td>"+i+"</td>";
}
}
c++;
for(i=c;i<=6;i++)
{
t+="<td> </td>";
}
t+="</tr>";
table.innerHTML=t;
效果：
标签：--,日历,nbsp,小写,var,table,border,getDate From： https://www.cnblogs.com/wanjinliu/p/17108564.html