Ben <a href="http://tamble.github.io/jquery-ui-daterangepicker/" rel="nofollow">http://tamble.github.io/jquery-ui-daterangepicker/</a> bu eklenti kullanıyorum benim app jquery ui datepicker eklenti kullanmak isteyen Eğik

Question

Merhaba Friend jquery-ui-daterangepicker uygulamak ister ve ben

Aşağıda bu kodu gibi bir şey denedim herhangi bir değişiklik olmadan aynı işlevselliği istiyorum

(function(){ 
angular.module('publisher-portal').directive('dateRangePicker', function() { 
    return { 
     restrict : 'A', 
     require: 'ngModel', 
     link : function (scope, element, attr, ngModel) { 

      element.daterangepicker(); 
     } 
    }; 
}); 
})(); 
<input id="e2" type="text" ng-model="mydate" dateRangePicker/> 

bu (bir çalışma snippet'tir bana çözüm

Answer 1

önermek Lütfen, ben .daterangepiker

aramadan önce jQuery yüklü olduğundan emin yapıyorum nasıl yakın bir görünüm daha kaç

Eğer sen $() deyimi

(function($){ 
 
angular.module('publisher-portal',[]).directive('dateRangePicker', function() { 
 
    return { 
 
     restrict : 'A', 
 
     require: 'ngModel', 
 
     link : function (scope, element, attr, ngModel) { 
 

 
      $(element).daterangepicker(); 
 
     } 
 
    }; 
 
}); 
 
})(jQuery);

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.js"></script> 
 
    <script src="https://cdn.jsdelivr.net/momentjs/2.3.1/moment.min.js"></script> 
 
<script src="http://tamble.github.io/jquery-ui-daterangepicker/daterangepicker-master/jquery.comiseo.daterangepicker.js"></script> 
 
    <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/themes/smoothness/jquery-ui.min.css"> 
 
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/bootstrap/3.1.1/css/bootstrap.min.css"> 
 
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/bootstrap/3.1.1/css/bootstrap-theme.min.css"> 
 
    <link rel="stylesheet" href="http://tamble.github.io/jquery-ui-daterangepicker/assets/css/styles.css"> 
 
    <link rel="stylesheet" href="http://tamble.github.io/jquery-ui-daterangepicker/prettify/prettify.css"> 
 
    <link rel="stylesheet" href="http://tamble.github.io/jquery-ui-daterangepicker/daterangepicker-master/jquery.comiseo.daterangepicker.css"> 
 
<div ng-app='publisher-portal'> 
 

 
<input id="e2" type="text" ng-model="mydate" date-range-picker /> 
 
    </div>

yılında elemanı çözgü vermedi app.module('publisher-portal',[])

modülünü yükledikten sonra boş bir dizi koymayı unutmuş

1. yolda kaçırmak düşünüyorum

Answer 2

Bu saf Köşeye (jquery gerekli değil) dat göz atın e aralık seçici.