twitter-bootstrap - 如何在 Bootstrap 日期选择器中突出显示特定日期？

Question

我正在使用 Bootstrap 日期选择器。我需要突出显示一些随机日期。

例如:

我需要突出显示日期，例如 1、3、8、20、21、16、26、30。你能告诉我如何在 Bootstrap 日期选择器中突出显示那些随机日期吗？

Answer 1

正如 amphetamachine Highlight certain dates on bootstrap-datepicker 所建议的那样提供解决此问题所需的大部分内容。该问题的答案可以适应以下

$('.inline_date').datepicker({
    multidate: true,
    todayHighlight: true,
    minDate: 0,
    beforeShowDay: function(date) {
       var hilightedDays = [1,3,8,20,21,16,26,30];
       if (~hilightedDays.indexOf(date.getDate())) {
          return {classes: 'highlight', tooltip: 'Title'};
       }
    }
});

以上将突出显示样式类应用于每个月列出的日期，进一步检查您可以将其限制为特定月份。一些旧的浏览器可能不支持 indexOf，在这种情况下你可以使用 JS 库或扩展 if。