微信小程序可以点击左右按钮切换，一次7天
本文共 3077 字，大约阅读时间需要 10 分钟。
我们的需求就是这种效果
实现的代码
html部分
data: { show: false, active: -1, weekDate: ['日', '一', '二', '三', '四', '五', '六'], dateArr: [], isTodayWeek: false, todayIndex: 0, lastweek: true, nowdate: new Date().getDate(), datetip: false, //圆点的高亮不高亮 datelist: [], //后台返的14天的状态数据 isdayorder: [], //当天的任务详情 }, //获取14天的亮度状态 getstatus() { if (!wx.getStorageSync('token')) return Api.request(oderRoot + '/api/work/schedule/status', {}, 'GET').then(res => { var _time = new Date(); var year = _time.getFullYear() var month = _time.getMonth() + 1 res.forEach((item, index) => { month = parseInt(month) var day = parseInt(item.date) var lastDay = 0 if (index > 0) { lastDay = parseInt(res[index - 1].date) } if (lastDay > day) { if (month == 12) { year += 1 month = 1 } else { month += 1 } } if (day < 10) { day = '0' + '' + day } if (month < 10) { month = '0' + '' + month } item.day = year + '-' + month + '-' + day }) // console.log(res) this.setData({ datelist: res //前端遍历是这个datelist }) }) }, /** * 上周切换 */ lastWeek: function () { var _this = this; var _time = new Date(); var lastDay, month, year; if (_this.data.isToday - 7 <= 0) { if (_this.data.month <= 1) { month = 12 year = _this.data.year - 1 } else { month = _this.data.month - 1 year = _this.data.year } lastDay = new Date(year, month, 0).getDate() + (_this.data.isToday - 7) } else { lastDay = _this.data.isToday - 7 month = _this.data.month year = _this.data.year } _this.setData({ isToday: lastDay, month: month, year: year, mountTotalDay: new Date(year, month, 0).getDate(), nextWeek: false, lastweek: true }) // _this.dateInit(lastDay, _this.data.isWeek); }, /** * 下周切换 */ nextWeek: function () { var _this = this; var _time = new Date(); var nextDay, month, year; if (_this.data.isToday + 7 > _this.data.mountTotalDay) { nextDay = _this.data.isToday + 7 - _this.data.mountTotalDay if (_this.data.month > 11) { month = 1 year = _this.data.year + 1 } else { month = _this.data.month + 1 year = _this.data.year } } else { nextDay = _this.data.isToday + 7 month = _this.data.month year = _this.data.year } _this.setData({ isToday: nextDay, month: month, year: year, mountTotalDay: new Date(year, month, 0).getDate(), lastweek: false, nextWeek: true }) // console.log(this.data.month,"month") // _this.dateInit(nextDay, _this.data.isWeek); } { {year}}-{ {month<10?'0'+month:month}} 
{ {item}} { {item.date}} 
转载地址：http://yjwaz.baihongyu.com/
你可能感兴趣的文章
MySQL FEDERATED 提示
查看>>
mysql generic安装_MySQL 5.6 Generic Binary安装与配置_MySQL
查看>>
Mysql group by
查看>>
MySQL I 有福啦，窗口函数大大提高了取数的效率！
查看>>
mysql id自动增长 初始值 Mysql重置auto_increment初始值
查看>>
MySQL in 太多过慢的 3 种解决方案
查看>>
MySQL InnoDB 三大文件日志，看完秒懂
查看>>
Mysql InnoDB 数据更新导致锁表
查看>>
Mysql Innodb 锁机制
查看>>
MySQL InnoDB中意向锁的作用及原理探
查看>>
MySQL InnoDB事务隔离级别与锁机制深入解析
查看>>
Mysql InnoDB存储引擎 —— 数据页
查看>>
Mysql InnoDB存储引擎中的checkpoint技术
查看>>
Mysql InnoDB存储引擎中缓冲池Buffer Pool、Redo Log、Bin Log、Undo Log、Channge Buffer
查看>>
MySQL InnoDB引擎的锁机制详解
查看>>
Mysql INNODB引擎行锁的3种算法 Record Lock Next-Key Lock Grap Lock
查看>>
mysql InnoDB数据存储引擎 的B+树索引原理
查看>>
mysql innodb通过使用mvcc来实现可重复读
查看>>
mysql insert update 同时执行_MySQL进阶三板斧（三）看清“触发器 (Trigger)”的真实面目...
查看>>
mysql interval显示条件值_MySQL INTERVAL关键字可以使用哪些不同的单位值？
查看>>