*{margin:0;padding:0}
#Mcalendar{width:210px;padding:5px;height:170px;border:1px solid #045bb2;display:none;cursor: pointer;}
table{text-align:right;clear: both;}
table th{background-color:#045bb2;width:30px;}
.date div{float:left;text-align:center;height:30px;line-height:30px;}
#preYear,#nextYear{width:26px}
#nextMonth,#preMonth{width:23px;}
#McalendarInput{
margin-left:100px;
margin-top:100px;
}
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8" />
<title></title>
<style>
*{margin:0;padding:0}
#Mcalendar{width:210px;padding:5px;height:170px;border:1px solid #045bb2;display:none;cursor: pointer;}
table{text-align:right;clear: both;}
table th{background-color:#045bb2;width:30px;}
.date div{float:left;text-align:center;height:30px;line-height:30px;}
#preYear,#nextYear{width:26px}
#nextMonth,#preMonth{width:23px;}
#McalendarInput{
margin-left:100px;
margin-top:100px;
}
</style>
</head>
<body>
<input type="text" id="McalendarInput" />
<div id="Mcalendar"></div>
</body>
</html>
运行
时间： 2024-10-22 05:58:01