我正在尝试使用角度 UI 表带日期选择器。如何从日期选择器中选择多个日期并将值作为数组返回。
问问题
10522 次
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 回答