javascript 全日历加上 bootstrap 工具提示

Question

我正在尝试将 bootstrap 工具提示附加到特定的全日历日视图 td 元素。我可以从该元素的 FC click 事件中获取 td 元素。如果我执行 console.dir(thing); 然后该元素作为对象返回（在 chrome 的 js 控制台中）看起来像：

i.fn.init(1)
    # 0: td.ui-widget-content
      length: 1
    # __proto__: Object(0)

#表示子对象。好的，我想要的是那个“0”对象键的 "text" 值...我想得到字符串 "td.ui-widget-content".

我试过以下方法：

console.dir(thing);
console.dir(thing[0]);
console.log(Object.keys(thing));
console.log(Object.keys(thing[0]));

第一个生成上面的对象。第二个打印

# td.ui-widget-content

同样，# 暗示了一个子对象。第三个打印

# (2) ["0", "length"]

最后打印

# []

如果我这样做 console.log(thing[0]) 则结果是 DOM 元素的外部 html。

如何从对象中获取 "td.ui-widget-content" 字符串？

Answer 1

this 将在 "dayClick" 事件期间成为 jquery 对象。

Bootstrap 工具提示，据我所知 https://getbootstrap.com/docs/4.0/components/tooltips/ 可以附加到 jQuery 个对象。

因此

dayClick: function(date, jsEvent, view) {
  this.tooltip({ title: "Hi" });
}

我认为应该做你需要的。

javascript fullcalendar plus bootstrap tooltips