微信小程序日历签到

近期做了一个项目需要用到日历插件，在网上找了一部分感觉跟项目不对口，所以就查考了其他的日历插件做了一个。

需求：

如图：

代码如下：

index.wxml:

<!--pages/pictruesign/pictrue.wxml-->
<view class='gs_banner'>
    <image src='../../image/banner.jpg'></image>
    <view class='gs_continue'>
        <view>每日坚持签到</view>
        <view>总共签到：<text>20</text>天</view>
    </view>
</view> 
<view class='gs_sign'>
    <view class='gs_sign_box'>
        <view class='gs_pillar'>
            <view class='gs_post'>
                <view></view>
            </view>
            <view class='gs_post'>
                <view></view>
            </view>
            <view class='gs_post'>
                <view></view>
            </view>
            <view class='gs_post'>
                <view></view>
            </view>
            <view class='gs_post'>
                <view></view>
            </view>
            
        </view>
        <view class='gs_sign_day'>
            <image bindtap='onshow' src='../../image/sign_icon.png'></image>
            <view>持续签到 <text>2</text>天</view>
        </view>
        <view class='gs_sign_content'>
            <view class='gs_week'>
                <block wx:for="{
    {week}}" wx:key="index">
                    <view class='gs_wook'>
                        <view style='width: {
      {
       sysW }}px; height: {
      {
       sysW }}px; line-height: {
      {
       sysW }}px;'>{
  {item.wook}}</view>
                    </view>
                </block>
            </view>
            <view class='gs_week'>
                <block wx:for="{
    {day}}" wx:key="index">
                    <view class='gs_wook' style='width: {
      {
       sysW }}px; height: {
      {
       sysW }}px; line-height: {
      {
       sysW }}px;'>
                        <view  class="{
    { item.wook ==  getDate ? 'dateOn' : ''}}}">{
  {item.wook}}</view>
                        <view class='gs_clocksucceed' wx:if="{
    {item.src}}"><image src='{
    {item.src}}'></image></view>
                    </view>
                </block>
            </view>
            <view class='gs_circle'>
                <view class='gs_incircle'>
                    <view class='gs_excircle'>
                        <view class='gs_innercircle'>
                            <view class='gs_btn'>
                                <text>打卡</text>
                            </view>
                        </view>
                    </view>
                </view>
            </view>
        </view>
    </view>
</view>
<view class='gs_calendar' style='display:{
      {
      display}}'>
    <view class='gs_bg' bindtap='onhide'></view>
    <view class='gs_gs_calendar_box'>