微信小程序实现签到的日历功能

因为要做签到,所以要写了个日历。

只有基础的日历,签到需要自行实现。

(我等下也要实现签到了…)

 view 
     view 
       view 
         view 
            {{ item }}
         /view 
         view 
            {{ item.day }}
         /view 
       /view 
     /view 
   /view 

.calendar{
   margin-top: 10%;}.month{
      display: flex;
      flex-flow: row wrap;
      font-size: 1.1rem;  }.item{
      width: 14.28%;
      text-align: center;
      line-height: 3rem;}.othe{
   color: grey}

// pages/sing_in/sing_in.jsPage({
  data: {
    dateData: [],
    isSignin: false,
    week: ['日','一','二','三','四','五','六'],
  onLoad: function (options) {
      this.initCurrMonthData()
  /**
  * year string 年  如:2020 
  * month string 月 如: 5
  * return array 所有天数 如:[1,2,3...,31]
  **/
  monthDays(year,month){ 
     let days_count = new Date(year,month,0).getDate() //月总天数 如:31
     let days = []; //存放月的天数
     for(let i = 1; i  this.formatDay(val)) //当月的数据
     for(let i = 0; i  blockquote p 相关学习推荐： a href= https://www.php.cn/weixin-kaifa.html target= _blank 微信公众号开发教程 /a /p /blockquote 

以上就是微信小程序实现签到的日历功能的详细内容，更多请关注php中文网其它相关文章！

微信app下载

微信是一款手机通信软件，支持通过手机网络发送语音短信、视频、图片和文字。微信可以单聊及群聊，还能根据地理位置找到附近的人，带给大家全新的移动沟通体验，有需要的小伙伴快来保存下载体验吧！