如何在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"); 
}

示例：- 如果我点击 5 月 16 日，那么我需要触发一个给我 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
  }

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

How can I achieve the click event in week view of angular 2+ calendar?

calendar

typescript

angular

angular5

angular-calendar