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

时间:2015-07-12 07:14:19

标签: javascript jquery css html5 twitter-bootstrap-3

无法让它工作......我只想在我的bootstrap 3日历中显示不同颜色的多个日期。我不需要任何其他东西,因为它只是一个moqup / prototype。我可以在firebug中看到这个表,因此改变了css中的“活跃”日,但无法弄清楚如何/在何处创建以添加更多活动天数和颜色......

[match.start(0) for match in re.finditer('(?=(SS..|S.Q.|S..P|.SQ.|.S.P|..QP))', s)]

参见示例图片...... 谢谢!

enter image description here

2 个答案:

答案 0 :(得分:0)

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

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

答案 1 :(得分:0)

$('#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";
           }
        }
     });