我试图在下拉列表中添加日期选择器,如下所示,并设置 autoClose="outsideClick"。但是,当按下任何月份按钮时,它会切换下拉菜单。怎么解决这个问题?
HTML 代码:
<div class="date-wrap pull-right" dropdown auto-close="outsideClick">
<button class="btn btn-info" dropdown-toggle>Date Picker</button>
<div class="dropdown-menu datepicker" role="menu">
<datepicker show-weeks="false" ng-model="dt"></datepicker>
</div>
</div>
最佳答案
您需要手动防止点击事件冒泡,因此它永远不会到达关闭下拉列表的最顶层节点(文档):
<div class="date-wrap pull-right" dropdown auto-close="outsideClick">
<button class="btn btn-info" dropdown-toggle>Date Picker</button>
<div class="dropdown-menu datepicker" role="menu" ng-click="$event.stopPropagation()">
<datepicker show-weeks="false" ng-model="dt"></datepicker>
</div>
</div>
请注意,ng-click="$event.stopPropagation()"
就可以实现这一点。
关于angularjs - Angular 用户界面 : Dropdown not working with datepicker,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33125500/