在 angular-日历视图中获取日期范围

Question

我目前正在为 UI 中的日期视图使用 angular-日历包。我在获取视图的日期范围（开始日期和结束日期）时遇到问题，即如果我当前处于每月视图中，那么我想要每月视图的开始日期和结束日期以及每周视图（开始日期）一周的日期和一周的结束日期）。我怎样才能实现它？我必须根据日历视图的开始日期和结束日期进行 API 调用。

Answer 1

你可以像这样使用矩库

This Month': [moment().startOf('month'), moment().endOf('month')]
Last Year': [moment().subtract(1, 'years').startOf('years'),
              moment().subtract(1, 'years').endOf('years'),]

Answer 2

我使用“mwl-calendar-month-view”组件的“beforeViewRender”属性解决了这个问题

你只需要像这样添加指令：

<mwl-calendar-month-view
   (beforeViewRender)="beforeViewRender($event)"
>

并且您将有权访问事件发射器属性“期间”的开始日期和结束日期

beforeViewRender(event): void {
  console.log(event.period.start);
  console.log(event.period.end);
}

在 angular-日历视图中获取日期范围

Get Date range in angular-calendar view

angular

angular-calendar