微信小程序可以点击左右按钮切换，一次7天

最新推荐文章于 2024-03-18 15:27:24 发布

热忱学习

最新推荐文章于 2024-03-18 15:27:24 发布

阅读量1.2k

点赞数

分类专栏：前端小程序文章标签： javascript

本文链接：https://blog.youkuaiyun.com/qq_42180156/article/details/109240563

版权

本文介绍如何在微信小程序中通过JavaScript实现点击按钮切换日期的功能，每次切换显示最近7天的内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

我们的需求就是这种效果

实现的代码

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)