擴展datepicker的功能（ui bootstrap）

Question

我正在嘗試擴展用於datepicker的ui bootstrap的功能。我想使用一個我已經爲其他元素所做的可拖動指令，所以我可以拖動這些日子。 （最終的功能將分配該日期到特定的任務）。對我來說最理想的是不要修改ui bootstrap庫。我試圖在datepicker的最終html中插入指令，然後使用編譯，但是我無法使其工作。

任何人都可以幫助我嗎？非常感謝你

Answer 1

如果你想要一個更強大的日期選擇器，你可以使用Dan Grossman's DateRangePicker。

還爲角度，你可以用一個良好的實施。

https://www.npmjs.com/package/angular-daterangepicker

你的角模塊中只需注射庫。

App = angular.module('app', ['daterangepicker']); 

然後在你的控制器中聲明一個模型。

exampleApp.controller('TestCtrl', function() { 
    var vm = this; 
    vm.datePicker.date = { 
    startDate: null, 
    endDate: null 
    }; 
} 

最後在您的視圖中使用該指令。

<div ng-controller="TestCtrl as ctrl"> 
    <input date-range-picker class="form-control date-picker" type="text" ng-model="ctrl.datePicker.date" /> 
</div>