与uib-datepicker-popup一起使用时,uib-popover不会消失

时间:2017-04-11 21:44:42

标签: javascript angularjs twitter-bootstrap angular-ui-bootstrap

我正在使用带有由" mouseenter"触发的uib-popover的uib-datepicker-popup。当我将鼠标悬停在datepicker元素上时,popover看起来很好。但是,如果我选择一个日期,则弹出窗口仍然可见,直到我再次将鼠标移到datepicker元素上。

<p uib-popover="I won't go away" popover-trigger="'mouseenter'">
      <input uib-datepicker-popup is-open="popup.opened" datepicker-options="dateOptions" ng-model="dt" close-text="Close" type="text"/>
      <span class="input-group-btn">
        <button type="button" ng-click="open()"><i class="icon"></i></button>
      </span>
</p>

Plunker

我为此做了一个ticket,但由于我不确定它是否是一个错误,或者我是否因为配置更改而遗漏了某些内容,我&# 39;我也在这里问。

如何让popover再次消失?

1 个答案:

答案 0 :(得分:1)

虽然它可能是一个错误,但你仍然可以通过在输入上设置弹出窗口而不是日历按钮来解决这个问题,如下所示

<input
  type="text"
  uib-popover="I won't go away"
  popover-trigger="'mouseenter'"
  popup-placement="bottom-right"
  class="form-control"
  uib-datepicker-popup
  ng-model="dt"
  is-open="popup2.opened"
  datepicker-options="dateOptions"
  ng-required="true"
  close-text="Close" />

Plunker