bootstrap Выбор даты не выполняется для одного пользователя, но не для других - PullRequest
0 голосов
/ 14 февраля 2020

У меня есть jquery указатель даты в модальном всплывающем окне. Я установил z-index 999999999, чтобы он отображался в верхней части модального окна. Однако для одного пользователя указатель даты появляется за модальным окном. Я попытался очистить кеш и перезапустить машину без удачи. Насколько я знаю, он работает для всех остальных пользователей. Любые идеи о том, как решить эту проблему?

Спасибо за помощь.

Вот код: Модальное всплывающее окно

<asp:ModalPopupExtender ID="ModalPopupExtender1" runat="server"
        PopupControlID="pnlTimedActivityAddUpdate"
        TargetControlID="btnDummy"
        CancelControlID="lbCancel"
        BackgroundCssClass="modalBackground" />

Панель внутри всплывающего окна

<asp:Panel ID="pnlTimedActivityAddUpdate" runat="server" CssClass="modalPopupContainer">
        <asp:Panel ID="Panel2" runat="server" CssClass="modalPopupBackground"> 
            <asp:Panel ID="Panel3" runat="server" CssClass="innerPopupPanel">
                <div class="right">
                    <asp:LinkButton ID="lbCancel" runat="server" Text="Close" CssClass="cancel" /> 
                </div>
                <div>
                    <h2><asp:Label ID="lblPopupHeader" runat="server" Text="" /></h2>
                </div>
                <center>
                    <asp:HiddenField ID="hdnTimedActivityID" runat="server" />
                    <table>
                        <tr>
                            <td align="right">Name:&nbsp;</td>
                            <td align="left">
                                <asp:TextBox ID="txtName" runat="server" Width="200px" />
                                <asp:RequiredFieldValidator ID="rfvName" runat="server" ControlToValidate="txtName" ErrorMessage="* Required" />
                            </td>
                        </tr>
                        <tr>
                            <td align="right">Category:&nbsp;</td>
                            <td align="left">
                                <asp:DropDownList ID="ddlCategory" runat="server" />
                                <asp:RequiredFieldValidator ID="rfvCategory" runat="server" ControlToValidate="ddlCategory" ErrorMessage="* Required" />
                            </td>                        
                        </tr>
                        <tr>
                            <td align="right" valign="top"><br /></td>
                            <td align="left" valign="top">
                                <asp:CheckBox ID="chkUseAnticipatedTime" runat="server" Text="Use Anticipated Time" />
                                <div id="divAnticipatedTime" style="display:none">
                                    Minutes:&nbsp;<asp:TextBox ID="txtAnticipatedMinutes" runat="server" Width="25px" CssClass="right" Text="0" />&nbsp;&nbsp;&nbsp;&nbsp;
                                    Seconds:&nbsp;<asp:TextBox ID="txtAnticipatedSeconds" runat="server" Width="20px" CssClass="right" Text="0" />
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td align="right">Require:&nbsp;</td>
                            <td align="left">
                                <asp:CheckBox ID="chkRequireVolume" runat="server" Text="Volume" />&nbsp;&nbsp;
                                <asp:CheckBox ID="chkRequireMinutes" runat="server" Text="Minutes" />
                            </td>
                        </tr>
                        <tr>
                            <td align="right">Active Dates:&nbsp;</td>
                            <td align="left">
                                <asp:TextBox ID="txtStartDate" runat="server" width="70px" />&nbsp;to&nbsp;<asp:TextBox ID="txtEndDate" runat="server" width="70px" />
                                <%--<asp:TextBox ID="txtStartDate" CssClass="ineeddatepopup ineeddatemaxminvalidation" runat="server" width="70px" />&nbsp;to&nbsp;<asp:TextBox ID="txtEndDate" runat="server" width="70px" />--%>
                            </td>
                        </tr>
                        <tr>
                            <td align="right">Sort Order:&nbsp;</td>
                            <td align="left">
                                <asp:TextBox ID="txtSortOrder" runat="server" Width="25px" />
                            </td>
                        </tr>
                        <tr>
                            <td align="right"><br /></td>
                            <td align="left">
                                <asp:CheckBox ID="chkActive" runat="server" Text="Active" />
                            </td>
                        </tr>
                        <tr>
                            <td align="right" valign="top">Description:&nbsp;</td>
                            <td align="left">
                                <asp:TextBox ID="txtDescription" runat="server" MaxLength="1000" TextMode="MultiLine" Columns="60" Rows="5" />        
                            </td>
                        </tr>
                    </table>
                    <br />
                    <asp:Button ID="btnSave" runat="server" Text="Save" onclick="btnSave_Click" />&nbsp;&nbsp;
                    <asp:Button ID="btnCancel" runat="server" Text="Cancel" onclick="btnCancel_Click" CausesValidation="false" />
                    <br />
                </center>
            </asp:Panel>
        </asp:Panel>
    </asp:Panel>

Прикрепить календарь

// Attach calendars to start/end date pickers
        $("[id$=txtStartDate]").datepicker({
            minDate: new Date(2014, 1 - 1, 1),
            showButtonPanel: true,
            changeMonth: true,
            changeYear: true
        });

css для средства выбора даты

.ui-datepicker {
    font-size: 85%;
    border: 2px solid maroon !important;
    z-index: 9999999999 !important;
} 

Ниже приведен пример рабочего календаря. Когда рассматриваемый пользователь нажимает на поле даты, календарь отображается за модальным всплывающим окном. Это единственный пользователь, который имеет проблему. Рабочая программа выбора даты

Я смотрел другие решения на этом форуме. На вопросы, на которые я не могу ответить, почему это работает для всех остальных , но для этого пользователя . Машины, браузеры, ОС одинаковы для всех.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...