javascript - Angularjs ブートストラップ datepicker: 複数の日付を選択

Question

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

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

Answer 1

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にこれに関する記事があります 。