2013-05-29 47 views
9

Köşeli UI kayışı tarih etiketini kullanmaya çalışıyorum. Tarih seçiciden birden fazla tarih seçmek ve değeri bir dizi olarak döndürmek.Angularjs bootstrap datepicker: Birden çok tarih seçin

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

+0

nedeni, onun değil birden çok dosya seçim görmek kullanabileceğiniz JSFiddle çalışıyor. Nedeni açıklayabilir misin, örnek. Gerçekten hiç böyle bir şey görmedim. DatePIcker sadece bir tarihi destekler ve –

+0

metin alanını doldurur Sanırım bir havayolu için bir tatil rezervasyonu yaparken olduğu gibi bir şey ifade eder. Birden çok gün seçebilirsiniz. Angular-ui'nin datePicker'i desteklemiyorsa da, @Abre kendi direktiflerini oluşturmak zorunda kalacak. –

+0

evet, böyle bir şey. http://multidatespickr.sourceforge.net/ –

cevap

2

istediğiniz çoklu datepicker desteklemediği çalışıyoruz yönergesi. Her zaman Bootstrap Datepicker gibi bir şey için gidebilir ve bir Angular yönergesine uymanız gerekmez. Yönergeyi davranış şeklini istediğiniz gibi ayarlamadığınız sürece, bu bağlamda seçeneğiniz oldukça sınırlıdır.

3

Çoklu seçim özelliğini ekleyerek, ui-bootstrap datepicker yönergesini saran gm.datepickerMultiSelect yönergesini kullanabilirsiniz. blogumda bu konuda bir makale var

<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 Ayrıca, burada ben yok http://jsfiddle.net/prdkvp7u/4/

+1

JSFiddle artık çalışmıyor – Tdy

İlgili konular