angular - 如何在 Angular 2+ 日历的周视图中实现点击事件？

Question

HTML 模板

 <mwl-calendar-week-view
          [viewDate]="viewDate"
          [refresh]="refresh"
          (click)="weekDayClick($event)">
        </mwl-calendar-week-view>

在组件文件中

weekDayClick($event){
 console.log("I need the clicked date of week view. How can I achieve this"); 
}

示例：- 如果我点击 16th May，那么我需要触发一个事件，给我 2018 年 5 月 16 日。

同样，5 月 17 日应该是 2018 年 5 月 17 日。

对于 5 月 18 日，应该是 2018 年 5 月 18 日，以此类推。

欢迎任何建议

感谢您宝贵的时间！

Answer 1

最后，我找到了如何通过点击周视图获取日期。我们可以使用 (dayHeaderClicked) 事件并获取值

在组件 HTML 文件中

<mwl-calendar-week-view
          [viewDate]="viewDate"
          [refresh]="refresh"
          (dayHeaderClicked)="dayHeaderClicked($event)">
        </mwl-calendar-week-view>

在组件 TS 文件中

dayHeaderClicked(evn){
    // console.log(evn);
    this.viewDate = evn.day.date; // finally get the clicked date value
  }