Angularjs bootstrap datepicker：複数の日付を選択してください

Question

角度UIストラップのdatepickerを使用しようとしています。 datepickerから複数の日付を選択し、その値を配列として返す方法。

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

Answer 1

あなたが欲しいマルチDatePickerのをサポートしていないで作業しているディレクティブ。あなたは常にBootstrap Datepickerのようなものに行くことができ、必ずしもAngularの指示に固執するとは限りません。

ディレクティブを動作させる方法をカスタマイズしない限り、この点ではオプションがかなり制限されています。

Answer 2

ui-bootstrap datepickerディレクティブをラップするgm.datepickerMultiSelectディレクティブを使用して、複数選択機能を追加することができます。私のブログにこの記事があります

<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 また、ここであなたは、私がいけないhttp://jsfiddle.net/prdkvp7u/4/