vant 日历

Question

我们要做一个类似淘宝差不多的足迹 ,现有这样一个需求,

比如说今天是19号,刚进入页面时就显示当前时间段一周的日期,
我现在只把刚进入页面时,把日历的最外层div设置了一个动态的高度,进入页面时是2rem.点击下拉展示整个日历,将日历的高度改为6rem,请问大家,像这样进入页面去展示当前日期,该怎么做呢?

Answer 1

通过transform:translateY(-px);去计算每次进入页面时,当前日期需要向上移动多少,
// 具体代码

this.$nextTick(() => {

    let _this = this;
    setTimeout(function() {
      let selectedDay = document.querySelector(
        ".van-calendar__selected-day"
      ).parentNode;
      let parentOffsetTop = selectedDay.offsetTop; // child
      _this.parentEl = selectedDay.parentNode;
      _this.parentEl.style.transform = `translateY(-${parentOffsetTop}px)`;
    }, 100);
  });

Answer 2

展示当前日前的话，直接用Date获取今天是哪一天不就行了吗