9

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

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

4

2 回答 2

3

您可以使用 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/

于 2015-03-30T19:09:25.587 回答
2

您正在使用的指令不支持您想要的多日期选择器。您总是可以选择 Bootstrap Datepicker 之类的东西，而不必坚持使用Angular指令。

在这方面，您的选择相当有限，除非您按照您希望的方式自定义指令。

于 2014-02-20T20:52:03.400 回答