Angular-UI Bootstrap 日期选择器问题

Question

我一直在使用这个 example 来获得一个可用的日期选择器，但是，我似乎无法真正获得 Angularjs 一侧的日期。我第一次点击日历时，它会显示正确的日期，但只有当我再次点击它时才会显示 console.log 我的日期。所以基本上，我在 $scope.open 函数中执行 console.log($scope.dt) 。但是，如何在不双击日历的情况下获取动态日期？

tl;dr 如果我单击日历按钮和 select 一个日期，它应该 console.log 在那个时间点 selected。我觉得这是一个我忽略的非常简单的问题。

编辑：日期选择器代码 - 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-change="logFunction()"

在你的控制器里面写一个简单的函数：

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

Angular-UI Bootstrap 日期选择器问题

Angular-UI Bootstrap Datepicker Issue

javascript

datepicker

twitter-bootstrap

angularjs