近期开发需求,需要模范企业微信打卡统计的日历功能,大家也知道大部分ui组件其实都具备了日历功能,但是也只是满足了大部分需求,如下图,可以筛选本日之前的日历数据,本周和本月之前同理。日历功能组件因为是在h5端使用,项目用的是vantui,所以日历组件是以vantui为基础,
废话不多说,下面上代码: 这里是html代码(有不明白的可以问)
js代码
watch监听得到当前周的日期和是否是当月
下面的就是左右切换周月等全部js代码
css的话 大家自己适配一下,有需要可以联系,后面找时间会把组件抽出来,更新发布到npm