Стоп Popover от закрытия при нажатии даты в DatePicker - PullRequest
Новая
       22

Стоп Popover от закрытия при нажатии даты в DatePicker

0 голосов
/ 05 июля 2019

У меня есть бутстрап 3 поповер. У меня есть загрузчик даты внутри него. У меня есть несколько пользовательских сценариев, которые закрывают всплывающее окно, когда вы щелкаете в любом месте за пределами всплывающего окна (чтобы предотвратить одновременное появление нескольких всплывающих окон в представлении). Тем не менее, когда я щелкаю дату внутри средства выбора даты, он закрывает мой поповер. Как мне это остановить.

Я обнаружил здесь несколько похожих проблем, но ничего такого, что мне кажется не подходит. 

$('.editAirSlot').popover({
        html: true,
        title: function () {
            return $("#popover-head").html();
        },
        content: function () {
            return $("#popover-content").html();
        },
        delay:  {show: 500, hide: 0}
    });
``` closes popover if you click outside of popover 
$('body').on('click', function (e) {
        $('.editAirSlot').each(function () {
            if (!$(this).is(e.target) && $(this).has(e.target).length === 0 && $('.popover').has(e.target).length === 0) {
                $(this).popover('hide');
            }
        });
    });
```HTML
```This dynamically create table calls the popover with the .editAirslot class.
....<tbody data-bind="foreach: airSlots.sort(function(l,r){return l.seatPos > r.seatPos ? 1 : -1})">
<tr class="editAirSlot" data-bind="click: $root.setAirSlotValues">
<td data-bind="style:......

```popover html
<div id="popover-content" class="hide">
<label>Date</label>
<input id="schedDate" class="datepicker form-control" readonly="readonly" placeholder="Date..." data-bind="datePicker: schedDate" type="text">
<label>Rotator</label>
<select id="rotator" class="form-control" data-bind="options:rotatorList, optionsText: function(e){return e.lastName + ', ' + e.firstName}, value: selectedRotator, optionsValue: 'rowguid', optionsCaption: 'Select a Rotator...'"></select>
<label>Remarks</label>
<input id="remark" class="form-control" data-bind="value: remark"/>
<label>Line Number</label>
<select id="numberLine" class="form-control" data-bind="options:lineNumList, optionsText: 'name', value: selectedNumberLine, optionsValue: 'rowguid', optionsCaption: 'Select a Line Number...'"></select>
<label>Seat Pos</label>
<select id="seatPos" class="form-control" data-bind="options:seatPosList, optionsText: 'name', value: selectedSeatPos, optionsValue: 'rowguid', optionsCaption: 'Select a Seat Pos...'"></select>
<button class="btnAdd btn btn-primary" type="button">Add</button>

</div>
...