angularjs – Angular UI:下拉列表不能与datepicker一起使用

前端之家收集整理的这篇文章主要介绍了angularjs – Angular UI:下拉列表不能与datepicker一起使用前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我试图在下拉列表中添加Datepicker,如下所示,并设置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>

Plunker:http://plnkr.co/edit/lBn3Oo?p=preview

解决方法

您需要手动阻止点击事件冒泡,因此它永远不会到达关闭下拉列表的最顶层节点(文档):

<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()”可以解决问题.

演示:http://plnkr.co/edit/pPwW83Ro0u0g4dVhyZaZ?p=info

猜你在找的Angularjs相关文章