Javascript 无法使用Angular.js和Jquery获取计时器值

我需要一个人帮忙。我正在实现

jquery.timepicker.js

以获取Angular应用程序中的时间间隔，但我没有得到任何类似的值。我在下面解释我的代码

<div class="input-group bmargindiv1 col-md-12">
      <span class="input-group-addon ndrftextwidth text-right" style="width:180px">From Time :</span>
      <input type="text" name="time" id="time" class="form-control oditek-form" placeholder="E.G-9.00AM" ng-model="time" ng-change="clearField('time');" maxlength="30" time-picker="" />
    </div>
    <div class="input-group bmargindiv1 col-md-12">
      <span class="input-group-addon ndrftextwidth text-right" style="width:180px">To Time :</span>
      <input type="text" name="time1" id="time1" class="form-control oditek-form" placeholder="E.G-9.00AM" ng-model="time1" ng-change="clearField('time1');" maxlength="30" time-picker="" />
    </div>
  </div>
  <div style="text-align:center; padding:10px 0px;">
    <input type="button" class="btn btn-success" ng-click="addTimeDetails();" id="saveData" value="Add" style="margin-right:20px;" />
  </div>

这里我需要当用户单击文本字段时，时间下拉菜单将出现，单击添加按钮，所选时间将显示在控制台中。我的完整代码为。请帮助我。

将

更改为

以下是更好的解决方案：

当您需要ngModel时，您可以使用它的方法或读取值。您不需要读取ngModel属性

$setViewValue（值，触发器）更新视图值

当控件要更改视图时，应调用此方法 价值通常，这是在DOM事件处理程序中完成的。对于 例如，当输入的值 更改并选择在选择某个选项时调用它

---

那么，将其标记为答案，而不是删除一个问题。：）

var app=angular.module('spesh',[]);
app.controller('formController',function($scope,$http){
  $scope.addTimeDetails=function(){
    console.log('time',$scope.time,$scope.time1);
  }
})
app.directive('timePicker', [function () {
        return {
        restrict: 'A',
        require: 'ngModel',
        scope: {
            model: '=ngModel'
        },
        link: function ($scope, element, attrs, ngModelCtrl) {
            element.timepicker();
            element.on('changeTime', function () {
              $scope.$apply(function () {
                $scope.model = element.val();
              });
            });

        }
    }
}]);