Невозможно получить значение timepicker с помощью Angular.js и JQuery

Мне нужна помощь. Я реализую jquery.timepicker.js, чтобы получить временной интервал в моем приложении с угловым выражением, но я не получаю никакого значения. Я объясняю свой код ниже.Невозможно получить значение timepicker с помощью Angular.js и JQuery

<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 .Please помочь мне.

источник

2016-08-17 subhra

Изменение <html ng-model="spesh"> в <html ng-app="spesh">

Вот лучшее решение: https://plnkr.co/edit/A0sSqXzx73XYn0f7UVGD?p=preview

Когда вам требуется ngModel, вы можете использовать его методы или считанное значение. Вам не нужно читать атрибут ngModel.

$ setViewValue (значение, триггер); Обновить значение представления.

Этот метод следует вызывать, когда элемент управления хочет изменить вид значение; обычно это делается из обработчика событий DOM. Например, для примера директива ввода вызывает его, когда значение входа изменяется и выбирает его, когда выбрана опция.

источник

2016-08-17 06:29:43 Kindzoku

Спасибо, что его работа. – subhra

Ну, отметьте это как ответ, чем или удалите вопрос. :) – Kindzoku

Невозможно получить значение timepicker с помощью Angular.js и JQuery

ответ

Смежные вопросы