五分钟实现一个微信小程序的签到功能（附前后端代码）

写在前面：本文是基于日历组件的改装，改装后的下载地址请点击下载，如果侵权，联系本人。

• 国际惯例，先上效果图（紫色为签到，蓝色为今天地址，签到样式可以自定义修改，下文告诉你）

• xxx.json(引入组件，xxx为你文件名）

{
  "usingComponents": {
    "calendar": "/components/calendar/calendar",
  }
}

• xxx.wxml(xxx为你文件名）

<calendar selected="{{selected}}" bindselect="bindselect" bindgetdate="bindgetdate" />

• xxx.js(xxx为你文件名）

 wx.request({
      url: app.apiUrl+'calendar',
      method:"GET",
      success:function(e){
        console.log(e.data.data[0])
        that.setData({
       selected:e.data.data
    })
      }
    })

• php

    public function calendar(){
        $a=array();
        $data=array('2020-05-01','2020-05-14');
        for($i=0;$i<count($data);$i++){
            $calendar=new Calendar();
            $calendar->date=$data[$i];
            array_push($a,$calendar);
        }
        $arr = array('code'=>1,
            'data'=>$a);
        echo json_encode($arr);

    }

class  Calendar{
    public $date;
}

• 如何自定义样式

修改组件css文件即可

.bg{
  background: #9933CC !important;
}