用html制作简单日历,用javascript实现一个简单的日历

有些时候我们翻看别人的博客的时候，会发现有一个日历面板，可以点击左右按钮查看上下个月的日历，那么这是怎么实现的呢？其实并不难，主要就是用javascript的date()方法。

先看效果图：

具体代码：

html

<

/

>

• 日
• 一
• 二
• 三
• 四
• 五
• 六

css样式

ul{list-style: none;margin: 0;padding: 0;overflow: hidden;}

ul li{float: left;width: 30px;height: 30px;line-height: 30px;margin: 5px;text-align: center;border-radius: 50%;}

ul .today{backgrou