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>