在角度2应用程序中的fullcalendar事件上的bootstrap工具提示

时间:2017-11-13 20:56:22

标签: angular fullcalendar tooltip

我使用完整日历来显示日期中的事件。当我们将鼠标悬停在事件上时,它会显示事件的描述。我正在寻找有用功能的帮助 - 当我将鼠标悬停在极左/右极的事件上时,工具提示显示在日历边界之外。我无法理解,谢谢。

public Lot removeLot(int number)
 {
    if((number >= 1) && (number < nextLotNumber)) {
        // The number seems to be reasonable.
        Lot selectedLot = lots.get(number - 1);
        // Include a confidence check to be sure we have the
        // right lot.
        if(selectedLot.getNumber() != number) {
            System.out.println("Internal error: Lot number " +
                selectedLot.getNumber() +
                " was returned instead of " +
                number);
            // Don't return an invalid lot.
            selectedLot = null;
        }
        **else {
        Lot.removeIf(selectedLot.getNumber() = number);**
        }
        return selectedLot;

了解任何在日历中查看的建议。

1 个答案:

答案 0 :(得分:0)

使用jQuery中的CSS为工具提示定位。 调整X和Y轴以匹配您的定位。 此外,使用ChangeDetectionStrategy for Angular 2完整日历,工具提示将显示在日历上。

<div class='column'>
  first column<br>
  first column<br>
  first column<br>
  first column<br>
  first column<br>
  first column<br>
  first column<br>
  first column<br>
  first column<br>
  first column<br>
  first column<br>
</div>
<div class='column'>
  second column<br>
  second column
</div>