微信小程序中使用极点日历

1.微信公众平台》》 设置》》 第三方设置》》插件管理》添加插件》搜索“极点日历”》》 添加

2.第一部没有做到，没关系，继续

在app.json中添加 (与tabbar同级)

"plugins": {
    "calendar": {
      "version": "1.1.3",
      "provider": "wx92c68dae5a8bb046"
    }
  } 

3.使用的页面 xxx.json添加

"usingComponents": {
    "calendar": "plugin://calendar/calendar"
  }

4.去页面

<view>
  <calendar weeks-type="cn" show-more-days='false' />
 </view>

5.第一步没做的话会报错，同时提示安装插件，只需点击一下即可

6.加点样式

xml:

<calendar  calendar-style="calendar"  header-style="calendar-header"  board-style="calendar-board"
 days-color="{{dayStyle}}" weeks-type="cn" binddayClick="dayClick" />

wxss:

.calendar {
    background-color:white;  
    padding-top: 10px; 
}
.calendar-header{
  font-size: large;
  color: #59518d;
}
.calendar-board{
  color: #c7cbe2;
   font-weight: bold;
}

js:

Page({

  /**
   * 页面的初始数据
   */
  data: {
    dayStyle: [
      { month: 'current', day: new Date().getDate(), color: 'white', background: '#AAD4F5' }, 
      { month: 'current', day: new Date().getDate(), color: 'white', background: '#AAD4F5' }
    ],
  },
  //给点击的日期设置一个背景颜色
  dayClick: function (event) {
    let clickDay = event.detail.day;
    let changeDay = `dayStyle[1].day`;
    let changeBg = `dayStyle[1].background`;
    this.setData({
      [changeDay]: clickDay,
      [changeBg]: "#84e7d0"
    })
    
  },
  onLoad:function(){ }
})

然后按你想要的的格式来改就行了