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

Question

我要插入一些文本（ 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> 

Answer 1

如您在问题中所说， 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> 

注意THA由拾取一天生成的HTML是下面的，所以没有a标签：

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