html 签到日历,写一个签到日历

最近项目上写了一个签到页面,其中有一个功能设计的是点击签到，可以查看签到日历，稍微麻烦点的是连续签到的日期间有横线连接，现在总结记录一下：

效果

需求

只显示当前月份的签到日历(其实基于目前的代码扩展部分可以实现全年的日历)

后台提供已经签到天数

具体代码

第1步：HTML布局

最后的展示效果的html代码

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

• 1

• 2

• 1

• 2

• 1

• 2

• 1

• 2

• 1

• 2

• 1

• 2

• 1