Angularjs bootstrap datepicker: Выберите несколько дат

Question

Я пытаюсь использовать угловой пользовательский ремень datepicker. Как выбрать более одной даты из datepicker и вернуть значение в виде массива.

http://mgcrea.github.io/angular-strap/#/datepicker

Answer 1

директива, что вы работаете с не поддерживает мульти-DatePicker, что вы хотите. Вы всегда можете найти что-то вроде Bootstrap Datepicker и не обязательно придерживаться директивы Angular.

Ваш вариант довольно ограничен в этом отношении, если вы не настроите директиву так, как вы хотите, чтобы он себя вел.

Answer 2

Вы можете использовать директиву gm.datepickerMultiSelect, которая обтекает директиву yi-bootstrap datepicker, добавляя функцию множественного выбора.

<div ng-controller='AppCtrl'> 
    <datepicker ng-model='activeDate' multi-select='selectedDates'></datepicker> 
</div> 


var myApp = angular.module('myApp',['gm.datepickerMultiSelect']); 

function AppCtrl($scope) { 
    $scope.activeDate; 

    //THIS IS WHERE YOU CAN INITIALIZE VALUES 
    $scope.selectedDates = [new Date().setHours(0, 0, 0, 0), new Date(2015, 2, 20).setHours(0, 0, 0, 0), new Date(2015, 2, 10).setHours(0, 0, 0, 0), new Date(2015, 2, 15).setHours(0, 0, 0, 0)]; 

    $scope.removeFromSelected = function (dt) { 
     $scope.selectedDates.splice($scope.selectedDates.indexOf(dt), 1); 
    } 
} 

Там в статье об этом на моем блоге http://irhadbabic.com/?p=351 Кроме того, здесь работает JSFiddle, что вы можете использовать http://jsfiddle.net/prdkvp7u/4/