Question

当显示用于选择日期的弹出日历时，当选择日期位于日历下的提交按钮区域内时，日历会弹出“更新选择”按钮 - “更新选择” “被解雇并且没有选择日期？

堆栈溢出帖似乎解决了类似的行为，但我不明白如何在我的情况下应用修复;

pre-calendar

日历：

with calendar

<ul data-role="listview" id="ul-edit-picks" data-divider-theme="a" data-inset="true">

            <li data-role="list-divider">
                <h2 id="itemTitle">
                FDID: <asp:Label ID="LabelFDID" runat="server" Text='<%# Session("FDID")%>' Font-Bold="True" Font-Size="Medium"></asp:Label>
            </h2>
            </li>

            <li>1st Day:            
                <asp:TextBox ID="CHOICE1TextBox" runat="server" Text='' ReadOnly="True"></asp:TextBox>
                <asp:HiddenField ID="CHOICE1HiddenField" runat="server" Value='<%# Bind("CHOICE1")%>' /></li>

            <li>2nd Day:    
                <asp:TextBox ID="CHOICE2TextBox" runat="server" Text='' ReadOnly="True"></asp:TextBox>
                <asp:HiddenField ID="CHOICE2HiddenField" runat="server" Value='<%# Bind("CHOICE2")%>' /></li>

            <li>3rd Day:              
                <asp:TextBox ID="CHOICE3TextBox" runat="server" Text='' ReadOnly="True"></asp:TextBox>
                <asp:HiddenField ID="CHOICE3HiddenField" runat="server" Value='<%# Bind("CHOICE3")%>' /></li>

            <li>4th Day:              
                <asp:TextBox ID="CHOICE4TextBox" runat="server" Text='' ReadOnly="True"></asp:TextBox>
                <asp:HiddenField ID="CHOICE4HiddenField" runat="server" Value='<%# Bind("CHOICE4")%>' /></li>

            <li>5th Day:              
                <asp:TextBox ID="CHOICE5TextBox" runat="server" Text='' ReadOnly="True"></asp:TextBox>
                <asp:HiddenField ID="CHOICE5HiddenField" runat="server" Value='<%# Bind("CHOICE5")%>' /></li>

            <li>6th Day:              
                <asp:TextBox ID="CHOICE6TextBox" runat="server" Text='' ReadOnly="True"></asp:TextBox>
                <asp:HiddenField ID="CHOICE6HiddenField" runat="server" Value='<%# Bind("CHOICE6")%>' /></li>

            <li>7th Day:              
                <asp:TextBox ID="CHOICE7TextBox" runat="server" Text='' ReadOnly="True"></asp:TextBox>
                <asp:HiddenField ID="CHOICE7HiddenField" runat="server" Value='<%# Bind("CHOICE7")%>' /></li>


        </ul>

        <ul data-role="listview" id="ul-edit-picks" data-divider-theme="a" data-inset="true">

                <asp:Button ID="UpdateButton" runat="server" CausesValidation="True" CommandName="Update"
                    Text="Update Selections"></asp:Button>
                <asp:Button ID="UpdateCancelButton" runat="server" CausesValidation="False" CommandName="Cancel"
                    Text="Cancel"></asp:Button> 

        </ul>

Answer 1

在确定它与z-index有关后在其他SO帖子中找到：

Trouble with jQuery Dialog and Datepicker plugins

<style type="text/css">
.ui-datepicker
{
    z-index: 1003 !important; /* must be > than popup editor (1002) */
}
</style>

弹出日历下的JQM和DatePicker提交按钮具有焦点

1 个答案: