在AngularJs中实现bootstrap-datepicker

Question

我从AngularJs开始。

我需要在表单中实现"N“个日历。我正在使用引导数据采集器(https://eonasdan.github.io/bootstrap-datetimepicker/)

例如，如果我指定inputTextId，它就可以正常工作

Html：

<input id='datetimepicker2' data-ng-model="vm.search.origin.from" data-ng-click="vm.showCalendar(this)" class="form-control" type="text" placeholder="MM/DD HH:MM">

<input data-ng-model="vm.search.origin.to" data-ng-click="vm.showCalendar(this)" class="form-control" type="text" placeholder="MM/DD HH:MM">

控制器：

function showCalendar(obj)
{
    $("#datetimepicker2").datetimepicker();
}

它只适用于一个inputText，如果我想在多个and中实现它，我必须指定每个名称和函数。我想要传递引用并使用：

reference.datepicker()；或者类似的东西，以便只创建一个函数。这有可能吗？

Answer 1

听起来你想要一个指令。以此为例：

app.directive('timePicker', function() {
    return {
        link: function($scope, elem, attrs){
          $(elem).datetimepicker();
        }
    }
});

然后，只需将time-picker添加到所需的输入即可。