javascript - 单击图标时，Angular js 和 bootstrap ui 日期选择器无法在 Chrome 中打开

Question

我使用 bootstrap UI Angular 日期选择器。这段代码在 IE 中运行得很好，但在 chrome 中打不开。调用方法 open () 之后，输入框获得焦点，但日期选择器弹出窗口未打开。任何帮助都将非常感激。提前致谢

<p class="input-group">
<input is-open="opened" type="text" datepicker-popup="M/d/yyyy" ng-model="Date" datepicker-options="dateOptions" />
                               <span class="input-group-btn">
                                  <button type="button" class="btn btn-default" ng-click="open()"><i class="glyphicon glyphicon-calendar"></i></button>
                               </span>
                        </p>

Java 脚本

$scope.open = function () {    
    $scope.opened = true;                                                                                    
};

Answer 1

您需要停止从按钮传播点击事件，因为它会导致日期选择器立即关闭...

<button type="button" class="btn btn-default" ng-click="$event.stopPropagation(); open();">
    <i class="glyphicon glyphicon-calendar"></i>
</button>

Demo - JSFiddle