Angular-UI Bootstrap Datepicker問題

Question

我一直在使用這個example來獲得一個可以工作的Datepicker，但是，我似乎無法真正在Angularjs上獲得日期。第一次點擊日曆時，它會顯示正確的日期，但只有當我再次點擊它時，纔會顯示console.log我的日期。所以基本上，我在$ scope.open函數內部做了一個console.log（$ scope.dt）。但是，如何在不必雙擊日曆的情況下獲得動態日期？

tl; dr如果我點擊日曆按鈕並選擇一個日期，它應該在所選日期的那個時間點console.log。我覺得這是一個我忽略的非常簡單的問題。

編輯：日期選擇器代碼 - HTML：

<div ng-controller="Controller"> 
     <div class="row"> 
      <div class="col-md-6"> 
       <p class="input-group"> 
        <input class="form-control date" type="text" datepicker-popup="{{format}}" ng-model="dt" is-open="opened" datepicker-options="dateOptions" date-disabled="disabled(date, mode)" close-text="Close" ng-click="logFunction()" /> 
        <span class="input-group-btn"><button type="button" class="btn btn-default" ng-click="open($event)"><i class="glyphicon glyphicon-calendar"></i></button></span> 
       </p> 
      </div> 
     </div> 
    </div> 

在我的控制器：

$scope.logFunction = function() { 
     console.log($scope.dt); 
    } 

Answer 1

內，您的日期選擇器的使用NG-變化= 「logFunction（）」

內部控制器寫一個簡單的功能：

$scope.logFunction = function() { 
    console.log($scope.dt); 
}