Angular 日历 |需要 Day/Week 中上午 8 点到晚上 11 点的默认滚动视图，固定 Header

Question

我需要在 Day/Week 中将默认滚动视图设置为上午 8 点至晚上 11 点，并使用固定的 Header，其中包括选择月份/Day/Week 和 Previous/Next/Today 纽扣。但是如果用户希望看到上午 8 点之前的时间，则可以滚动。

类似于 google 日历中的内容。

告诉我如何解决这个问题。

Answer 1

我刚找到 post 回答同样的问题： https://github.com/mattlewis92/angular-calendar/issues/828

演示：https://stackblitz.com/edit/angular-w4urnk?file=index.html

日历有一个内部滚动条并降低了日历的高度（这样我就不会得到一个外部滚动条）满足了我的需要。

Answer 2

您可以使用类名获取值并为其设置自动滚动：即：

  ngDoCheck(): void {
    if( document.getElementsByClassName('cal-time') !== undefined &&  document.getElementsByClassName('cal-time').length> 0){
      let scrollbar = document.getElementsByClassName('cal-time')[16];
      scrollbar.scrollIntoView({behavior: 'smooth'});
      scrollbar.scrollIntoView(true);
    }
  }

Angular 日历 |需要 Day/Week 中上午 8 点到晚上 11 点的默认滚动视图，固定 Header

Angular calendar | Need a default scroll view to 8AM- 11PM in Day/Week With a fixed Header

angular-calendar