Выделить конкретные даты в Bootstrap3 Datepicker

Question

Я пытаюсь выделить конкретные даты в массиве в Datepicker Bootstrap и не могу заставить его работать. Я хотел бы иметь что-то вроде кода ниже и не могу найти никаких примеров. Кто-нибудь знает, как сделать эту работу?

var dateValues = ['1/01/2015', '1/14/2015', '1/19/2015'] 

$('#events-calendar').datepicker({ 
highlightDates = dateValues 
)} 

Answer 1

Я закончил тем, что должен добавить функцию самостоятельно, не мог понять, как это сделать.

массив выглядит примерно так:

 [ 
      { "Class": "fault", "Date": "1995-06-23" }, 
      { "Class": "fault", "Date": "2014-05-01" }, 
      { "Class": "fault", "Date": "2015-06-17" }, 
      { "Class": "fault", "Date": "2015-06-14" } 
     ] 

Добавлено следующее мои варианты.

var options = { 
 
        highlights: allBindings.datetimepicker.attr.highlights || [] 
 
       };

Поставлен следующий код внутри бутстраповских-datetimepicker.js в то время как петли функции '' fillDate:

 var cssClass = ""; 
      try { 
       for (var j = 0; j < options.highlights.length; j++) { 
        var current = options.highlights[j]; 
        if (current.Date == prevMonth._d.yyyymmdd()) { 
         cssClass = "faulted"; 
         break; 
        } else { 
         cssClass = ""; 
        } 
       } 
      } catch (e) { 
       console.log('Date pick date highlighter" ' + e); 
      } 

И затем я изменил следующую строку:

 row.append('<td class="day' + clsName + '">' + prevMonth.date() + '</td>'); 

до:

 row.append('<td class="day' + clsName + ' ' + cssClass + '">' + prevMonth.date() + '</td>'); 

Вы можете изменить класс 'faulted' для любого цвета, который вы хотите. Но мое выглядит следующим образом:

.faulted { 
background-color: red !important; 

}

Out положить выглядит следующим образом: