Как сделать выборку выбора бутстрапа, чтобы определенные даты были выбраны

Question

Я использую угловой бутстрап datepicker в своем коде. Проблема с моим требованием заключается в том, что я хочу, чтобы определенные даты были выбраны в datepicker, по которому будут производиться поставки. Я новичок в угловой JS и не знаю, как это сделать. Может ли кто-нибудь помочь мне в этом?

PS: Мне не нужен календарь для ввода ввода. Мне нужно показать выбранные даты.

Answer 1

Для этого вы можете использовать атрибут custom-class.

Из документации

пользовательского класса (дата, режим) (по умолчанию: нулевая): Дополнительное выражение для добавлять классы на основе прохождения даты и текущего режима (день | месяц | год).

Ниже приведен пример соответствующего обработчика адаптировано из примера Угловое интерфейс Bootstrap

... 
$scope.events = 
    [ 
     { 
     date: new Date(2015, 9, 1), 
     status: 'delivered' 
     }, 
     { 
     date: new Date(2015, 9, 5), 
     status: 'delivered' 
     }, 
     { 
     date: new Date(2015, 9, 15), 
     status: 'delivered' 
     } 
    ]; 

$scope.getDayClass = function(date, mode) { 
    if (mode === 'day') { 
     var dayToCheck = new Date(date).setHours(0,0,0,0); 

     for (var i=0;i<$scope.events.length;i++){ 
     var currentDay = new Date($scope.events[i].date).setHours(0,0,0,0); 

     if (dayToCheck === currentDay) { 
      return $scope.events[i].status; 
     } 
     } 
    } 

    return ''; 
    }; 
... 

---

Plunker - http://plnkr.co/edit/vJl8hDUfsBOJsLXFNKWQ?p=preview