無法使用Angular.js和Jquery獲取timepicker的值

我需要一個幫助。我正在實施jquery.timepicker.js以在我的Angular應用程序中獲取時間間隔，但我沒有得到任何類似的值。我在下面解釋我的代碼。無法使用Angular.js和Jquery獲取timepicker的值

<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>

我的控制器端代碼如下。

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(); 
       }); 
      }); 

     } 
    } 
}]);

在這裏，我需要在用戶點擊文本框時下拉會來上添加按鈕單擊選定的時間將在console.MY完整的代碼顯示爲here in plunkr。請幫助我。

來源

2016-08-17 subhra

變化<html ng-model="spesh">到<html ng-app="spesh">

這裏是更好的解決方案：https://plnkr.co/edit/A0sSqXzx73XYn0f7UVGD?p=preview

當你需要ngModel，你可以使用它的方法或讀值。您不需要讀取ngModel屬性。

$ setViewValue（value，trigger）;更新視圖值。

當控件想要更改視圖值時應該調用此方法;通常，這是在DOM事件處理程序中完成的。例如，對於示例，輸入指令在輸入的值更改時調用它，並在選擇選項時選擇調用它。

來源

2016-08-17 06:29:43 Kindzoku

感謝它的工作。 – subhra

好吧，將其標記爲回答或刪除問題。 :) – Kindzoku

無法使用Angular.js和Jquery獲取timepicker的值

回答

相關問題