我一直在用这个example然而,为了获得一个有效的日期选择器,我似乎无法真正获得 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>
在我的 Controller 内:
$scope.logFunction = function() {
console.log($scope.dt);
}
最佳答案
在日期选择器中使用 ng-change="logFunction()"
在 Controller 内编写一个简单的函数:
$scope.logFunction = function () {
console.log($scope.dt);
}
关于javascript - Angular-UI Bootstrap 日期选择器问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29482355/