Angularjs引導日期選擇器：選擇多個日期

我想使用角度UI帶datepicker。如何從datepicker中選擇多個日期並以數組形式返回值。Angularjs引導日期選擇器：選擇多個日期

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

來源

2013-05-29 Abraham Jagadeesh

我沒有看到的原因，其沒有選擇多個文件。你能解釋一下原因嗎？我真的從沒見過類似的東西。 DatePIcker只支持一個日期，並填充textfield –

我認爲他的意思就像是在航空公司預定度假時。您可以選擇多天。 Angular-ui的datePicker不支持這個，儘管這樣@Abre將不得不創建他們自己的指令。 –

是的，就像這樣。 http://multidatespickr.sourceforge.net/ –

，你正在使用的不支持要多日期選擇器的指令。你總是可以去尋找像Bootstrap Datepicker這樣的東西，而不一定要堅持Angular指令。

您的選擇在這方面相當有限，除非您按自己希望的方式自定義指令。

來源

2014-02-20 20:52:03

您可以使用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-30 19:09:25 Eedoh

JSFiddle不再工作了 – Tdy

Angularjs引導日期選擇器：選擇多個日期

回答

相關問題