[英]Angular-UI Bootstrap Datepicker Issue
我一直在使用这个示例来获取可用的Datepicker,但是,我似乎实际上并没有在Angularjs上获取日期。 第一次单击日历时,它会显示正确的日期,但只有再次单击时,它才会console.log我的日期。 因此,基本上,我正在$ scope.open函数中执行console.log($ scope.dt)。 但是,如何获得动态日期而不必双击日历?
tl; dr如果单击日历按钮并选择一个日期,则应该在该时间点console.log选定的日期。 我觉得这是我忽略的一个非常简单的问题。
编辑:Datepicker代码-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);
}
在日期选择器内部,使用ng-change =“ logFunction()”
在控制器内部编写一个简单的函数:
$scope.logFunction = function () {
console.log($scope.dt);
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.