我正在使用https://github.com/dalelotts/angular-bootstrap-datetimepicker日期选择器。它不会自动关闭日期选择器控件..
<div class="dropdown-toggle my-toggle-select" id="dLabel1" role="button" data-toggle="dropdown" >
<div class="input-append">
<i class="fa fa-calendar input-icon input-icon-highlight"></i>
<label id="lblCheckOut" ng-repeat="(key, value) in vm.homelabel | objectByKeyValFilter:'LblId':'lblCheckOut'">{{value.TextMessage}}</label>
<input type="text" id="txtCheckOutDate" class="form-control" data-ng-model="CheckOutDate.date | date:'MMM d, EEE' " />
</div>
</div>
<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel1">
<datetimepicker data-ng-model="CheckOutDate.date" ng-click="$event.stopPropagation()" data-before-render="vm.beforeRender_CheckOutDate($view, $dates, $leftDate, $upDate, $rightDate,1);" data-datetimepicker-config="{ dropdownSelector: '.my-toggle-select' ,startView:'day', minView:'day'}"></datetimepicker>
</ul>
我找不到任何属性来自动关闭 Angular 引导日期选择器...
最佳答案
我已经通过将引导类包装到给定的 HTML 来修复..
<div class="dropdown">
<div class="dropdown-toggle my-toggle-select" id="dLabel1" role="button" data-toggle="dropdown" >
<div class="input-append">
<i class="fa fa-calendar input-icon input-icon-highlight"></i>
<label id="lblCheckOut" ng-repeat="(key, value) in vm.homelabel | objectByKeyValFilter:'LblId':'lblCheckOut'">{{value.TextMessage}}</label>
<input type="text" id="txtCheckOutDate" class="form-control" data-ng-model="CheckOutDate.date | date:'MMM d, EEE' " />
</div>
</div>
<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel1">
<datetimepicker data-ng-model="CheckOutDate.date" ng-click="$event.stopPropagation()" data-before-render="vm.beforeRender_CheckOutDate($view, $dates, $leftDate, $upDate, $rightDate,1);" data-datetimepicker-config="{ dropdownSelector: '.my-toggle-select' ,startView:'day', minView:'day'}"></datetimepicker>
</ul>
</div>
工作正常..
感谢@Dale 的评论和更新。
关于angularjs - Angular-bootstrap-datetimepicker 在选择日期时不会自动关闭,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40151168/