Vant+vue实现的点击上一天 下一天

1.点击获取上一天

    // 点击前一天
    const clickPrevDay = () => {
      const { currentDate } = toRefs(data);
      let d = moment(currentDate.value, "YYYY-MM-DD");
      let prevDate = d.subtract(1, "days");
      currentDate.value = prevDate.format("YYYY-MM-DD");
      fetchHome(currentDate.value);
    };

showDate:显示时间(一般为当前日期)

设置一个变量把当前时间为2023-3-15

let  showDate=moment(new Date()).format("YYYY-MM-DD")

把形式变成 moment形式

let nowTimeDate = moment(showDate.value)

利用moment进行上一天

 let yearstadays = nowTimeDate.subtract(1, "days");

就直接转化成2023-3-15模式   再把值给显示的时间

 showDate= yearstadays.format("YYYY-MM-DD");

然后再发请求获取当前时间的数据

2.点击获取下一天(要考虑下一天的数据是否存在)

    // 点击后一天
    const clickNextDay = () => {
      // 如果当前日期已经是今天,则不可再点击下一天

      const { currentDate } = toRefs(data);
      let d = moment(currentDate.value, "YYYY-MM-DD");

      if (isToday(d)) {
        return;
      }
      let prevDate = d.add(1, "days");
      currentDate.value = prevDate.format("YYYY-MM-DD");
      fetchHome(currentDate.value);
    };

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值