Question

我在asp.net中有一个日历，当用户点击文本框时会显示该日历。但是，我不确定如何在不推送下面的所有内容的情况下显示日历。我需要一种为日历制作弹出式面板的方法。

这是我到目前为止所拥有的。我只是使用一个表来将日历直接放在文本框的下方，但这会改变我桌子下方项目的布局。

<asp:Table runat="server">
    <asp:TableRow>
        <asp:TableCell>
            <asp:TextBox ID="TextBox1" runat="server" OnClick="showCal('Calendar1')"></asp:TextBox>
        </asp:TableCell>       
    </asp:TableRow>
     <asp:TableRow>
        <asp:TableCell>
            <asp:Calendar ID="Calendar1" runat="server" style="display: none;"></asp:Calendar>
        </asp:TableCell>
    </asp:TableRow>
</asp:Table>

请注意我的日历设置为display：none。当有人点击文本框时，我的onclick js函数会激活。

我试图改变我的第二个表行的z-index，希望在显示日历时，我的页面的其余部分不会被更改但是不起作用。

Answer 1

我只需将以下CSS应用于我的日历即可解决此问题：

calendarClass{
    background: white; 
    position: absolute;
}

以某种方式添加白色背景（或您喜欢的任何颜色）使透明度远离日历，这样它看起来并不奇怪。绝对位置使日历显示在表格的顶部。

如何让我的asp日历成为弹出窗口？

1 个答案: