Question

我从AngularJs开始。

我需要在表单中实现“N”日历。我正在使用bootstrap-datepicker（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，如果我想在多个中实现它，我必须指定每个名称和函数。我想传递参考并使用：

reference.datepicker（）;或类似的东西，以创建一个功能。这可能吗？

Answer 1

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

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

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

在AngularJs中实现bootstrap-datepicker

1 个答案: