微信小程序日历插件（轮播图自适应高度）

微信小程序日历插件（轮播图自适应高度）

微信小程序日历（轮播图自适应高度）

最近在开发一个效率类小程序的时候发现微信小程序没有日历组件，原本想用vant weapp的日历组件，但是包太大了，一个日历组件需要很多其他组件的依赖，于是就自己写了一个组件。样式依赖于colorUI，所以需要引入colorUI的包才能正常使用

github链接，点击进入
也可以复制进入，直接按照md文件配置就可以使用

实现原理

• 计算每个月的第一天是星期几

var startDay = new Date(year,month,1).getDay();

• 计算每个月的天数

var length = new Date(year,month,-1).getDate()+1;

• 轮播图自适应通过获取内部日历的高度来响应调节

 wx.createSelectorQuery().select('#swiper').boundingClientRect((rect)=>{this.setData({swiperHeight:rect.height})}).exec()

• 日历的无线循环是通过循环三个swiper-item，通过判断下一个的current值来进行渲染