首页 > 解决方案 > 当事件被拖动或调整大小时,如何在 ToolTip 上进行时间更改?

问题描述

当 displayEventTime: true 时间显示在事件上,当事件被拖动或调整大小时,时间在事件上实时准确变化。我需要在代码中添加什么才能让 Tooltip 弹出窗口也实时准确地更改时间?变量 line1 和 line2 是开始和结束时间。下面提供了 CodePen 链接,谢谢

  var tooltip = new Tooltip(info.el, {
    title: line1 + " " + line2,
    placement: 'top',
    trigger: 'hover',
    container: 'body'
  });
  
  // events can have multiple parts, so make an array for each event and add all it's tooltips
  var tooltips = info.event.extendedProps['tooltips'] || [];
  tooltips.push(tooltip);      
  info.event.setExtendedProp('tooltips', tooltips);
  
},
eventWillUnmount: function(info) {
  for (var tooltip of info.event.extendedProps['tooltips']) {
    tooltip.dispose();
  }
}

https://codepen.io/asilver666666/pen/ExgPZaV

标签: fullcalendartooltip

解决方案


推荐阅读