【问题标题】:uib-popover not disappearing when used with uib-datepicker-popup与 uib-datepicker-popup 一起使用时,uib-popover 不会消失
【发布时间】:2017-04-11 21:44:42
【问题描述】:

我正在使用带有由“mouseenter”触发的 uib-popover 的 uib-datepicker-popup。当我将鼠标悬停在 datepicker 元素上时,弹出框看起来很好。但是如果我选择一个日期,弹出框仍然可见,直到我再次将鼠标悬停在 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,但由于我不确定这是一个错误还是我只是因为配置更改而遗漏了一些东西,所以我也在这里问。

如何让弹出框再次消失?

【问题讨论】:

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


    【解决方案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

    【讨论】:

      猜你喜欢
      • 2016-10-11
      • 2018-11-22
      • 2016-12-01
      • 1970-01-01
      • 1970-01-01
      • 2017-04-17
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多