javascript fullcalendar加上bootstrap工具提示

时间:2017-11-30 22:20:19

标签: javascript fullcalendar twitter-bootstrap-tooltip

我正在尝试将引导工具提示附加到特定的fullcalendar日视图td元素。我可以从该元素上的FC click事件中获取td元素。如果我执行了console.dir(thing);,那么该元素将作为一个对象返回(在chrome&#39s ss控制台中):

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

#暗示子对象。好吧,我想要的是"文本"价值#34; 0"对象键...我想得到字符串" 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]),那么reault就是DOM元素的外部HTML。

我如何获得" td.ui-widget-content"来自对象的字符串?

1 个答案:

答案 0 :(得分:1)

this将是“dayClick”事件期间的jquery对象。

Bootstrap工具提示,正如我从https://getbootstrap.com/docs/4.0/components/tooltips/理解的那样,可以附加到jQuery对象。

因此

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

应该做你需要的。