全日历：在周或天视图中检测点击

Question

我目前在月份视图中检测到双击事件。 这很好用：

dayRender: (date, element) => {
  element.bind('dblclick', ...)
}

我正在寻找的是一种在用户处于日视图或周视图时执行相同操作的方法。 我希望能够检测到单击事件，并获取他们单击的日期和时间（请注意，时间与日/周视图有关，而与月视图无关）。

有任何想法吗？

Answer 1

对于将来会发现此问题的任何人，这是我想出的hacky解决方案：

因为fullcalendar不会在每个时隙中呈现<div> （例如，一个div代表在1/2/2015的1 pm-1:30pm），而是直观地将单个时隙表示为行和列的交集，我们需要一种方法来确定给定点击的时间。 天信息已经以data-date属性的形式附加到每个列（天）DOM元素上。 我所做的是分叉了全日历，并使用新的data-time属性将时间信息添加到每行（时隙）。

然后，我侦听了双击事件onViewRender，找出了用户单击的元素，并从中得出了日期和时间段：

viewRender: (view, element) ->

  if view.type in ['agendaDay', 'agendaWeek']
    element.on 'dblclick', (event) ->

      els = document
        .elementsFromPoint event.pageX, event.pageY
        .filter (e) -> (e.hasAttribute 'data-date') or (e.hasAttribute 'data-time')
      date = (_.find els, (e) -> e.hasAttribute 'data-date').getAttribute 'data-date'
      time = (_.find els, (e) -> e.hasAttribute 'data-time').getAttribute 'data-time'

      return unless date and time

      startTime = moment "#{ date } #{ time }"
      endTime = (moment startTime).add 30, 'minutes' # clone + increment

这是一个非常棘手的解决方案，并且混合了各种各样的问题。 但是，在fullcalendar添加对timeClick事件的支持之前，这将非常有效。

希望这对别人有帮助！