由于微信小程序特性的限制，js文件不能直接操作wxml文件，即不能进行dom操作，所以在此创建组件必须先把组件结构定义好，即在wxml文件中先定义好组件结构，然后再绑定数据，根据js文件中的数据进行动态渲染。这里的日历由两部分组成，一是上部红色，而是下面主要日历部分。上部直接绑定数据。 
下部分实现方式： 
第一行星期的显示，此处为固定显示，无需js操作。然后下面的日历body部分，由于每周七天，绑定的数据可根据此生成，根据当前日期生成每行的数据。 
日期生成： 
取当前月第一天，得到星期，计算上月在第一行的日期，如下图红色框中的部分： 

1. <view class="calendar" bindtap="tap">
2. <view class="calendar-panel">
3. <view class="day">{{canlender.date}}日</view>