2021-07-28

日历案例
开发工具与关键技术： javascript
撰写时间：2021/7/27

一、下面是我做的一个简约电子日历

二、HTML代码

1.日历的头部：我分别设置了三个span标签
2.日历的月份：我设置了个div，后面这里js会根据时间动态生成时间的
3.日历的星期：我设置了个ul标签包着7个小li分别对应着星期几
4.日历的天数：我采用的js动态生成的
三、CSS代码

四、javascript代码

1.首先我封装了函数add()。在函数中我分别获取到系统的年、月、日，这些年月日的具体操作大家都懂，下面我重点说明的是：月份天数如何进行获取和月份的第一天对应星期几
（1）月份的天数：获取当前月的下一个月的第一天进行减一
（2）月份的第一天对应星期几: new Date(year,months,1).getDay()
2.前面我们已经获取到了月份第一天对应星期几，首先第一个for循环进行空的li拼接，拼接的次数根据于月份第一天对应星期几，第二个for循环进行拼接月份的天数，并且在循环中进行判断是否是今天，如果是今天的话给它的li标签设置一个颜色的类.red。
3.进行点击上下月份的时候，上一个月就月份减一，下一个月就月份加一。