bootstrap3 内联日期选择器中的多个日期答案

【问题标题】：bootstrap3 multiple dates in inline datepickerbootstrap3 内联日期选择器中的多个日期
【发布时间】：2015-07-12 07:14:19
【问题描述】：

无法让它工作...我只是想在我的 bootstrap 3 日历中显示多个不同颜色的日期。我不需要其他任何东西，因为它只是一个 moqup/原型。我可以在萤火虫中看到表格，因此在 css 中更改“活动”日，但无法弄清楚它是如何/在哪里创建的以添加更多活动日和颜色...

<tr>

<td class="cw"></td>
<td class="day"></td>
<td class="day"></td>
<td class="day"></td>
<td class="day"></td>
<td class="day"></td>
<td class="active day"></td>
<td class="day"></td>
</tr>

查看示例图片... 谢谢！

【问题讨论】：

请使用 JavaScript sn-p 或 JSFiddle？
JSFiddle
我不知道，但您的 JSFiddle 无法正常工作可能是因为您使用的是 JS 插件，就像我之前在另一个 OP 上所经历的那样。无论如何，要更改 .active 一天的颜色，您可以试试这个 CSS：tr > .active {background-color: #ffff00;}
谢谢！那是有效的。不幸的是，我想不出日历上有多个活动日期...
我无法调试它，因为您的 JSFiddle 无法正常工作，您可以尝试使用 codepen.io/pen 并确保您的 sn-p 完全正常工作，然后向我们展示并告诉您如何想再创造一个.active 一天。

标签： javascript jquery css html twitter-bootstrap-3

【解决方案1】：

您可以将您的 javascript 代码替换为您在评论中添加的小提琴中下面给出的代码。它将启用多日期选择。

 $('#datepicker').datepicker({
    format: "dd/mm/yyyy",
    startDate: "01-01-1990",
    endDate: "01-01-2050",
    todayBtn: "linked",
    autoclose: true,
    todayHighlight: true,
    multidate: true
});

【讨论】：

[link](stackoverflow.com/questions/23604026/… ) 检查是否使用多种颜色

【解决方案2】：

$('#calendar').datepicker({ 
        calendarWeeks: true, 
        multidate: true,
        todayHighlight: true,
        daysOfWeekDisabled: [0],
        beforeShowDay: function(date){
        if (date.getMonth() == (new Date()).getMonth())
           switch (date.getDate()){
           case 4:
              return {
                 tooltip: 'Example tooltip',
                 classes: 'bd'
              };
           case 8:
              return false;
           case 21:
              return "green";
           }
        }
     });

【讨论】：