boostrap埋め込み/インラインdatepickerの特定の日付を強調表示

Question

どのようにして、boostrap埋め込み/インラインdatepickerの特定の日付を強調表示できますか？

$(document).ready(function() { 
    $('#datepicker').datepicker({ 
     format: "dd/mm/yyyy", 
     minDate:new Date(), 
     startDate: "now" 
    }); 
}); 

HTML：：

<div id="datepicker"></div> 

Answer 1

あなたは以下のように特定の日付を強調するためにbeforeShowDayを使用することができます

は、私はこれを試してみました。

Working fiddle

var active_dates = ["16/6/2017"]; // Highlite date 
$('#datepicker').datepicker({ 

    beforeShowDay: function(date) { 
    var d = date; 
    var curr_date = d.getDate(); 
    var curr_month = d.getMonth() + 1; //Months are zero based 
    var curr_year = d.getFullYear(); 
    var formattedDate = curr_date + "/" + curr_month + "/" + curr_year; 
    if ($.inArray(formattedDate, active_dates) != -1) { 
     return { 
     classes: 'highlight' 
     }; 
    } 
    return; 
    } 
});