全日历5-右键单击

猴子补丁通过全日历日期Click 显示右键事件

一个真正丑陋的黑客 当我们等待 https://github.com/fullcalendar/fullcalendar/pull/6044 页面存档备份,存于互联网档案馆 合并.

现在更新到支持 FullCalendar 6. 如果您需要运行 FullCalendar5 , 请使用 v1.0.2.

要安装

npm i @bwobbones/fullcalendar5-rightclick

使用 Javascript 代理在更改中补丁

import DateClicking from '@bwobbones/fullcalendar5-rightclick'
import interactionPlugin from '@fullcalendar/interaction'

const myInteractionPlugin = new Proxy(interactionPlugin, {
  get(target, prop, receiver) {
    if (prop === 'componentInteractions') {
      target.componentInteractions[0] = DateClicking
    }
    return Reflect.get(...arguments)
  }
});

使用 myInteractionPlugin 代替 interactionPlugin

data() {
    return {
      calendarOptions: {
        plugins: [myInteractionPlugin]
      }
    }
}

用于 日期点击 回调( 实例) :

dateClick: (info) => {
  console.log('Clicked on: ' + info.dateStr);
  console.log('Coordinates: ' + info.jsEvent.pageX + ',' + info.jsEvent.pageY);
  console.log('Current view: ' + info.view.type);
  console.log('Dayel', info.dayEl)

  if (info.jsEvent.button === 2) {
    console.log('setting...', info)
    this.currentPasteData = info
  }
},

eventDidMount: info => {
  info.el.addEventListener('contextmenu', (ev) => {
    ev.preventDefault();
    this.$refs.copyMenu.open(ev, info.event)
    return false;
  }, false);
}