Question

我要选择daterange时显示日期选择器-它是共享组件，并且我认为它工作正常，直到在包含大SVG图的视图中对其进行检查-打开时的日期选择器位于该图上方。 / p>

图书馆： 1）Daterangepicker-引导日期选择器（https://bootstrap-datepicker.readthedocs.io/en/latest/） 2）图-https://d3js.org/

屏幕截图：

1）Opened datepicker 2）Checked SVG element in Chrome DEV Tools

调用图时的代码：

<div class="ibox float-e-margins page-ibox">
    <div class="ibox-title">
        <div style="display: inline-block">
            <cb-toolbar [openDbModalFn]="openDatabaseModal"></cb-toolbar>
        </div>
        <iboxtools [closable]="false" [float]="'clear'"></iboxtools>
    </div>
    <div class="ibox-content" id="ifs-ibox-content">
        <div id="no-data-wrapper">

            <div id="no-data-overlay">
                <!-- <%=st.get("FILTERS_RETURNED_NO_DATA") %> -->
                {{ "FILTERS_RETURNED_NO_DATA" | translate }}
            </div>
            <cb-chord-diagram></cb-chord-diagram>
        </div>
    </div>
</div>

以及日期选择器的代码：

<div class="input-daterange input-group" id="datepicker">
<input type="text" class="input-sm form-control" id="dateFrom" autocomplete="off"/>
<span class="input-group-addon">{{translationService.translate("TO_LOWERCASE")}}</span>
<input type="text" class="input-sm form-control" id="dateTo" autocomplete="off"/>

我已经尝试做的是，我检查了构建图的组件以找到方法event.stopPropagation（），但是它不存在。我没有其他想法可能出什么毛病。

用户要关闭的元素无法在其外部单击，因为它比SVG图的其他元素更开放

0 个答案: