Angular UI启动日期选择器问题
Angular-UI Bootstrap Datepicker Issue
我一直在使用这个例子来获得一个有效的日期选择器,但是,我似乎无法在Angularjs方面实际获得日期。我第一次点击日历时,它会显示正确的日期,但只有当我再次点击它时,它才会安慰我。记录我的日期。所以,基本上,我在$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);
}
在日期选择器中使用ng-change="logFunction()"
在你的控制器里写一个简单的函数:
$scope.logFunction = function () {
console.log($scope.dt);
}
相关文章:
- Angular UI启动日期选择器问题
- CSS3 目标选择器问题
- 引导从日期到日期的日期选择器问题
- jQuery src 选择器问题
- 框架选择器问题
- mgcrea.ngStrap日期选择器问题
- href锚定标记/css选择器问题与canvas类而非id有关
- jQuery无序列表元素点击选择器问题
- jQuery UI日期选择器范围选择器问题
- Javascript/JQuery类选择器问题
- 科尔多瓦日期选择器问题
- 变量范围或选择器问题
- Jquery XDSoft日期时间选择器问题(阿拉伯语)
- React-bootstrap日期时间选择器问题
- jQuery选择器问题与锚标签和隐藏Div
- jQuery嵌套插件选择器问题
- jquery中的选择器问题
- jQuery连接或选择器问题
- jQuery DOM选择器问题
- IE11中的JavaScript日期选择器问题-crosobj.visibility=“”;隐藏”;;