angularjs - 扩展 datepicker 的功能(ui bootstrap)

Question

我正在尝试为 datepicker 扩展 ui bootstrap 的功能。我想使用我已经为其他元素制作的可拖动指令，所以我可以拖动日子。 (最终的功能是将该日期分配给某些任务)。对我来说理想的是不要修改 ui 引导库。我试图在 datepicker 的最终 html 中插入指令，然后使用编译，但我无法使其工作。

有谁能够帮助我？非常感谢你

Answer 1

如果你想要一个更强大的日期选择器，你可以使用 Dan Grossman's DateRangePicker .



您可以使用 Angular 的一个很好的实现。

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

只需将库注入(inject)您的 Angular 模块。

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

然后在你的 Controller 中声明一个模型。

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

最后在您的 View 中使用该指令。

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