jquery प्लगइन को निर्देशक कोणीय

Question

में कनवर्ट करें मैं jQuery प्लगइन को निर्देश में बदलने की कोशिश कर रहा हूं। यहां लाइब्रेरी है: Github।

$(document).ready(function() { 
     $("#datepicker").datepicker(); 
     $("#datepickerbtn").click(function(event) { 
      event.preventDefault(); 
      $("#datepicker").focus(); 
     }) 
    }); 

निर्देशक मैं बना लिया है::

प्रलेखन में वहाँ एक विकल्प है

app.directive('dateP', function(){ 
    return{ 
     restrict:'A', 
     require:'ngModel', 
     link:function(scope, element, attr, ngModel){ 
      $(element).datepicker(scope.$eval(attr.dateP)); 
      console.log('hey'); 
      ngModel.$setViewValue(scope); 
     } 
    } 
}); 

लेकिन यह काम नहीं कर रहा, किसी भी मदद इसकी सराहना की जाएगी।

Plunker।

मैं इसे पढ़ लिया है: https://amitgharat.wordpress.com/2013/02/03/an-approach-to-use-jquery-plugins-with-angularjs/

Answer 1

मूल रूप से आप ng-mode बजाय ng-model लिखा और निदेशक आप डेट-पिकर विकल्प नहीं scope.$eval(attr.dateP) जो पूरी तरह गलत है परिभाषित करना चाहिए। datepicker अंदर आप यहाँ जैसे हम { format: 'dd/mm/yyyy' })

एचटीएमएल

<input date-p id="datepicker1" class="input-small" type="text" ng-model="dt"> 

निर्देशक

app.directive('dateP', function() { 
    return { 
    restrict: 'A', 
    require: 'ngModel', 
    link: function(scope, element, attr, ngModel) { 
     element.datepicker({ 
     format: 'dd/mm/yyyy' 
     }); 
    } 
    } 
}); 

के रूप में विकल्प का उल्लेख अद्यतन

प्रारूप में उनके विकल्प प्रदान करने की जरूरत है

बटन पर datepicker दिखाने के लिए आपको अपने नियंत्रक के अंदर नीचे विधि जोड़ने की आवश्यकता है।

नियंत्रक

$scope.showDatepicker = function(){ 
    angular.element('#datepicker1btn').datepicker('show'); 
}; 

Working Plunkr

धन्यवाद।