jquery - 引导日期选择器对一个用户失败，但对其他用户失败

Question

我在模式弹出窗口中有一个 jquery 日期选择器。我已经为它设置了一个 999999999 的 z-index，以确保它出现在模态窗口的顶部。但是，对于一位用户，日期选择器出现在模式窗口的后面。我试过清除缓存并重新启动机器，但没有成功。据我所知，它适用于所有其他用户。关于如何解决这个问题的任何想法？

谢谢您的帮助。

这是一些代码： 模态弹出窗口

<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;
} 

下面是一个工作日历的示例。当有问题的用户单击日期字段时，日历会显示在模式弹出窗口的后面。这是唯一有问题的用户。 工作日期选择器

我在这个论坛上查看了其他解决方案。我无法回答的问题是为什么它适用于除了这个用户之外的其他所有人。机器、浏览器、操作系统对每个人来说都是一样的。

标签： jquerydatepicker