Angularjs 角度用户界面:下拉列表不使用日期选择器

Angularjs 角度用户界面:下拉列表不使用日期选择器,angularjs,datepicker,angular-ui,angular-ui-bootstrap,Angularjs,Datepicker,Angular Ui,Angular Ui Bootstrap,我试图在下拉列表中添加Datepicker,如下所示,并设置了autoClose=“outsideClick”。但是,当按下任何月份按钮时,都会切换下拉列表。如何解决这个问题 Html代码: <div class="date-wrap pull-right" dropdown auto-close="outsideClick"> <button class="btn btn-info" dropdown-toggle>Date Picker

我试图在下拉列表中添加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

您需要手动防止click事件冒泡,这样它就永远不会到达关闭下拉列表的最顶端节点(文档):

<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()”
就是这样做的


演示:

您将此日期选择器作为目标的输入在哪里?