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

本文介绍如何在微信小程序中通过JavaScript实现点击按钮切换日期的功能,每次切换显示最近7天的内容。
摘要由CSDN通过智能技术生成

我们的需求就是这种效果

实现的代码

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)
        
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值