Javascript 引导日期选择器-在特定月份的指定日期添加工具提示

工具提示工作正常， 问题是我无法仅设置特定月份的工具提示日期

如果我将工具提示设置为本月的第5天，但将工具提示添加到每个月的第5天

$('.date-header').datepicker({
          autoclose: true,
          beforeShowDay: function(date) {
            var hilightedDays = [5,6];
            if (~hilightedDays.indexOf(date.getDate()) && ( hilightedDays) ) {
                return {classes: 'highlight', tooltip: 'Example Tooltip data' }
            }}
        }).on('show',function(e, date) {
          $('td.highlight').tooltip();
        });

没有输入文件，因为这里我没有选择任何日期，只是添加信息作为工具提示

<div class="calendar-block ">
    <span class="date-header calendar--btn d-flex text-center align-items-center "><i class="far fa-calendar-alt"></i></span>
  </div> 

---

单击日历按钮时是否可以添加日期选择器显示切换样式如果您只想将日期应用于当前月份，可以获取该值并检查在日期选择器中查看的月份是否等于当前月份

大概是这样的：

$('.date-header').datepicker({
    autoclose: true,
    beforeShowDay: function(date) {
      var hilightedDays = [5, 6];

      // get current month
      var currentMonth = new Date().getMonth();

      // if date.getMonth() === currentMonth, then highlight the date
      if (date.getMonth() === currentMonth && ~hilightedDays.indexOf(date.getDate()) && (hilightedDays)) {
        return {
          classes: 'highlight',
          tooltip: 'Example Tooltip data'
        }
      }
    }
})

同样，您可以使用任何月份值，例如，如果您只想在9月份显示工具提示，只需检查月份是否==8；月份是以0为基础的，因此0是一月，11是十二月

---

更新的Fiddle:

使用$'td.highlight'。工具提示{container:'body'}；为了避免日期闪烁很好，工作正常，但如果我在下个月/上个月后回来，请单击@AndroidNoobieSolved，在beforeShowMonthWhy/&hilightedDays//内再次调用tooltip。我刚刚在您的原始帖子中重新使用了代码。我只添加了if date.getMonth===currentMonth的检查。