原生js开发的日历插件

 * {

 margin: 0;

 padding: 0;

 }

 ul, li {

 list-style: none;

 }

 #week {

 width: 350px;

 height: 350px;

 border: 1px solid #ccc;

 }

 #week h6 {

 font-size: 20px;

 overflow: hidden;

 height: 40px;

 line-height: 40px;

 }

 #week h6 div {

 float: left;

 width: 250px;

 text-align: center;

 }

 #week .prev {

 float: left;

 font-size: 12px;

 width: 50px;

 cursor: pointer;

 }

 #week .next {

 float: right;

 font-size: 12px;

 width: 50px;

 cursor: pointer;

 }

 #week p span {

 width: 50px;

 float: left;

 text-align: center;

 height: 30px;

 line-height: 30px;

 }

 #week p {

 background: #ccc;

 overflow: hidden;

 height: 30px;

 }

 #week ul {

 margin-top: 10px;

 }

 #week ul li {

 width: 50px;

 float: left;

 text-align: center;

 height: 30px;

 cursor: pointer;

 }