Jquery Timepicker angularjs निर्देश

Question

में मॉडल अद्यतन नहीं करता है जब मैं कीबोर्ड कुंजी दबाता हूं उदा। 0 और इसे खोने पर इसे स्वचालित रूप से 00:00 के रूप में नियंत्रित करने के लिए सेट किया गया है, लेकिन यह मॉडल मान को अपडेट नहीं करता है।

angular.module('test').directive('timePicker', [function() { 
return { 
    restrict: 'A', 
    require: 'ngModel', 
    scope: { 
    model: '=ngModel' 
    }, 
    link: function ($scope, element, attrs, ngModelCtrl) { 

    element.timepicker({'timeFormat' : 'H:i'}); 

    ////element.on('change', function() { 
    //// scope.$apply(function() { 
    //// scope.model = element.datepicker('getTime'); 
    //// }); 
    ////}); 


    ////$scope.$watch('model', function (newValues, oldValues, scope) { 
    //// console.log("Nothing here"); 
    ////});  
    } 
} 
}]); 



<input id="startTime" type="text" name="startTime" data-ng-model="vm.data.StartTime" time-picker /> 

मैं मॉडल की वजह से समय को सत्यापित करने में सक्षम नहीं हूं। टिप्पणी कोड मैंने मूल्य अद्यतन करने की कोशिश की है।

Answer 1

ऐसा इसलिए होता है क्योंकि टाइमपिकर इनपुट फ़ील्ड के मूल्य को बदल रहा है (शायद $("input").val("newval") का उपयोग करके) किसी भी घटना को ट्रिगर नहीं करता है जो पाचन चक्र शुरू करने के लिए कोणीय सुन रहा है।

प्रायः, मुझे angular-jquery-timepicker मिल सकता है जिसे आप उपयोग करना चाहते हैं। इसके स्रोत कोड को देखते हुए, ऐसा लगता है जैसे कि यह एक changeTime घटना के लिए सुन रहा है:

element.on('changeTime', function() { 
    $scope.$apply(function() { 
    $scope.model = element.val(); 
    }); 
}); 

changeTime घटना भी documented है (देखें "घटना उदाहरण")।

इस Plunkr में इसे आज़माएं। यह पता चला है कि change ईवेंट के लिए सुनना भी काम करता है।