Tôi đang cố gắng sử dụng thanh công cụ date của dây đeo UI. Cách chọn nhiều hơn một ngày từ datepicker và trả về giá trị dưới dạng mảng.Angularjs bootprap datepicker: Chọn nhiều ngày
http://mgcrea.github.io/angular-strap/#/datepicker
Chỉ thị rằng bạn đang làm việc với không hỗ trợ multi-datepicker mà bạn muốn. Bạn luôn có thể sử dụng một số thứ như Bootstrap Datepicker và không nhất thiết phải tuân theo chỉ thị Angular.
Tùy chọn của bạn khá hạn chế về mặt này trừ khi bạn tùy chỉnh chỉ thị theo cách bạn muốn nó hoạt động.
Bạn có thể sử dụng lệnh gm.datepickerMultiSelect, kết thúc tốt đẹp quanh chỉ thị datepicker ui-bootstrap, thêm tính năng đa lựa chọn.
<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);
}
}
Có một bài viết về vấn đề này trên blog của tôi http://irhadbabic.com/?p=351 Ngoài ra, đây là JSFiddle làm việc mà bạn có thể sử dụng http://jsfiddle.net/prdkvp7u/4/
JSFiddle không hoạt động nữa – Tdy
Tôi không thấy lý do, không nhiều lựa chọn tệp của nó. Bạn có thể giải thích lý do, ví dụ. Tôi thực sự không bao giờ nhìn thấy một cái gì đó như thế. DatePIcker chỉ hỗ trợ một ngày và điền vào trường văn bản –
Tôi nghĩ rằng anh ấy có nghĩa là một cái gì đó giống như khi đặt một kỳ nghỉ trên một hãng hàng không. Bạn có thể chọn nhiều ngày. DatePicker của Angular-ui không hỗ trợ điều này mặc dù vậy @Abre sẽ phải tạo chỉ thị riêng của chúng. –
vâng, một cái gì đó như thế này. http://multidatespickr.sourceforge.net/ –