Açısal yönerge ile tıklanabilir bootstrap-datepicker simgesi

Question

Angularjs kullanıyorum ve takvim simgesini tıkladıktan sonra bootstrap-datepicker'ımın gösterilmesini istiyorum.
Şimdi bu gibi: b-datepicker özel direktifi

<div class="input-append date datepicker"> 
    <input type="text" b-datepicker ng-model="date"/> 
    <span class="add-on" ><i class="icon-calendar"></i></span> 
</div> 

olduğu yere. Metin alanına tıkladığınızda tarihçiyi gösterir, ancak ikon tıklatılmaz.
İşte kaynaklar: http://jsfiddle.net/cPVDn/

Amacım böyle olmak: Ben herhangi bir yardım takdir
http://jsfiddle.net/6QnMB/

GÜNCELLEME:
http://jsfiddle.net/cPVDn/53/

:
İşte çözüm var

Answer 1

. http://jsfiddle.net/cPVDn/53/

Answer 2

Sorununuzu çözecek AngularStrap'in iyi eklentisine bakın: link.

JS

.config(function($datepickerProvider) { 
    angular.extend($datepickerProvider.defaults, { 
    dateFormat: 'dd/MM/yyyy', 
    startWeek: 1 
    }); 
}) 

HTML

<input type="text" 
    class="form-control" 
    ng-model="selectedDateAsNumber" 
    data-date-format="yyyy-MM-dd" 
    data-date-type="number" 
    data-min-date="02/10/86" 
    data-max-date="today" 
    data-autoclose="1" 
    name="date2" 
    bs-datepicker> 

Bkz Demo Plunker

---

Ve bu onların bootstrap documentation yılında örnekte main page

Answer 3

onlar biraz böyle yapmak olduğunu:

<div class="input-append date datepicker"> 
    <input type="text" is-open="opened" datepicker-popup ng-model="date"/> 
    <span class="add-on" ng-click="openAction($e)" ><i class="icon-calendar"></i></span> 
</div> 

Sonra denetleyicisi: Ayrı cevap olarak çözüm post ediyorum

$scope.openAction = function ($event) { 

    $event.preventDefault(); 
    $event.stopPropagation(); 

    $scope.opened = !$scope.opened; 
}