javascript - Angularjs Bootstrap 日期选择器 : Select multiple dates

Question

我正在尝试使用 Angular UI 表带日期选择器。如何从日期选择器中选择多个日期并将值作为数组返回。

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

Answer 1

您可以使用 gm.datepickerMultiSelect 指令，它环绕着 ui-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/