javascript - 在 Bootstrap Datepicker 中使用 Bootstrap 工具提示

Question

我的老板要求我在“.datepicker-switch”元素上放置一个工具提示，因为默认情况下它不是很直观(谁会知道你可以单击它？)。我一直在绞尽脑汁试图找出为什么这不起作用，我的 JS:

$('#dob').datepicker({
    autoclose: true
});

$('.datepicker-switch').tooltip({
  title: "Click here to expand view"
});

没有控制台错误，日期选择器功能正常，但是当我将鼠标悬停在顶部的中心按钮(这是具有“datepicker-switch”类的元素)上时，没有出现工具提示。我怎样才能做到这一点？

提前致谢。

Answer 1

您正在尝试引用 .datepicker-switch，但它尚未在 DOM 中。

检查datepicker events docs 。您可以等待日期选择器添加到 dom，为此，向日期选择器添加一个 show 事件。在那里添加您的工具提示代码。

$('#dob').datepicker({ autoclose: true }).on("show", function(e) {
    $('.datepicker-switch').tooltip({
        "title": "Click here to expand view"
    });
});