Angularjs bootstrap datepicker: Wybierz wiele dat

Question

Próbuję użyć datepicker taśmy paskowych UI. Jak wybrać więcej niż jedną datę z datepicker i zwrócić wartość jako tablicę.

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

Answer 1

Dyrektywa że pracujesz z nie obsługuje multi-datepicker, który chcesz. Zawsze możesz przejść do czegoś takiego jak Bootstrap Datepicker i niekoniecznie trzymać się dyrektywy Angular.

Twoja opcja jest dość ograniczona pod tym względem, chyba że dostosujesz dyrektywę tak, jak chcesz, aby się zachowywała.

Answer 2

Można użyć dyrektywy gm.datepickerMultiSelect, która owija dyrektywę datepicker ui-bootstrap, dodając funkcję wielokrotnego wyboru.

<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); 
    } 
} 

Jest artykuł na ten temat na moim blogu http://irhadbabic.com/?p=351 Również tutaj działa JSFiddle że można użyć http://jsfiddle.net/prdkvp7u/4/