कोणीय बूटस्ट्रैप डेटपिकर: एकाधिक तिथियों का चयन करें

Question

मैं कोणीय यूआई पट्टा डेटपिकर का उपयोग करने की कोशिश कर रहा हूं। डेटपिकर से एक से अधिक तारीख का चयन कैसे करें और मान को सरणी के रूप में वापस करें।

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

Answer 1

निर्देश है कि आप के साथ काम कर रहे हैं बहु datepicker कि आप चाहते हैं का समर्थन नहीं करता। आप हमेशा Bootstrap Datepicker जैसे कुछ के लिए जा सकते हैं और आवश्यक रूप से Angular निर्देश के साथ चिपकते नहीं हैं।

आपका विकल्प इस संबंध में काफी सीमित है जब तक कि आप जिस तरह से व्यवहार करना चाहते हैं, उस निर्देश को अनुकूलित न करें।

Answer 2

आप gm.datepickerMultiSelect निर्देश का उपयोग कर सकते हैं, जो ui-bootstrap डेटपिकर निर्देश के आसपास लपेटता है, बहु-चयन सुविधा जोड़ता है।

<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/