javascript - bootstrap-datepicker中的beforeShowDay标题不起作用

我想每天在titleAttr下面插入一些文本（在这种情况下为datepicker），我试图通过beforeShowDay实现。根据doc，关于beforeShowDay的函数的返回值如下：


  具有以下属性的对象：
  
  已启用：与上面的布尔值相同
  
  类：与上面的String值相同
  
  工具提示：通过标题HTML属性应用于该日期的工具提示


因此，如果我将tooltip设置为titleAttr，则在日期选择器中将获得多个a标记，其属性title设置为titleAttr，因此我可以在这些a标记后插入一些文本，但是我没有无法获得具有属性title的任何标签，我错了吗？

$datepicker = $('.input-group.date');
$datepicker.datepicker({
  beforeShowDay: function(date) {
    return [true, "", "titleAttr"];
  }
});

.datepicker td a[title]:after {
  content: attr(title);
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/css/bootstrap-datepicker3.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/js/bootstrap-datepicker.js"></script>

<div class="input-group date pull-right" style="width: 150px;">
  <input type="text" class="form-control" />
  <div class="input-group-addon">
    <span class="glyphicon glyphicon-calendar"></span>
  </div>
</div>

最佳答案

正如您在问题中所说的，beforeShowDay可以返回具有以下属性的对象：...而在您的情况下，您的beforeShowDay返回Array。

如果您将返回值更改为具有上述属性的Object，则将具有以下代码：

$datepicker = $('.input-group.date');
$datepicker.datepicker({
  beforeShowDay: function(date) {
    return {
      enabled: true,
      classes: "",
      tooltip: "titleAttr"
    };
  }
});

.datepicker td a[title]:after {
  content: attr(title);
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/css/bootstrap-datepicker3.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/js/bootstrap-datepicker.js"></script>

<div class="input-group date pull-right" style="width: 150px;">
  <input type="text" class="form-control" />
  <div class="input-group-addon">
    <span class="glyphicon glyphicon-calendar"></span>
  </div>
</div>

请注意，选择器为一天生成的HTML如下，因此没有a标记：

<td class="day" title="titleAttr">1</td>

关于javascript - bootstrap-datepicker中的beforeShowDay标题不起作用，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/42273222/