在 Bootstrap Datepicker 中使用 Bootstrap 工具提示

Question

我的老板让我在“.datepicker-switch”元素上添加一个工具提示，因为默认情况下它不是很直观（谁知道你可以点击它？）。我一直在绞尽脑汁想弄清楚为什么这不起作用，我的 JS：

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

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

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

提前致谢。

Answer 1

您正在尝试引用 .datepicker-switch，但它还没有在 DOM 中。

检查datepicker events docs。您可以等待将 datepicker 添加到 dom 中，为此添加一个 showevent 到 datepicker。在那里添加您的工具提示代码。

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