C# 引导中断calendarextender格式设置

我已经创建了响应表单。当我点击“开始日期”时，日历框并没有正常运行。为什么会这样

代码：

开始日期：


结束日期：


事件描述：

---

上述代码适用于响应表单布局（网格系统）。我不知道为什么引导会破坏日历的格式。

通过向默认的VS2013 web表单项目添加文本框和CalendarExtender进行测试

<div class="row">
    <asp:TextBox ID="txtTest" runat="server" />
    <ajaxToolkit:CalendarExtender runat="server" TargetControlID="txtTest" />
</div>

---

也许会有帮助

通过将TextBox和CalendarExtender添加到默认VS2013 web表单项目中进行测试

<div class="row">
    <asp:TextBox ID="txtTest" runat="server" />
    <ajaxToolkit:CalendarExtender runat="server" TargetControlID="txtTest" />
</div>

---

也许会有帮助

您可以使用css的z-index属性将日历控件置于首位

例如，如果您将日历的cssclass用作'Cal'。Cal{z-index:99999；}

---

这将使带有“Cal”的类位于顶部。

您可以使用css的z-index属性将日历控件置于首位

例如，如果您将日历的cssclass用作'Cal'。Cal{z-index:99999；} 这将使带有“Cal”的班级名列前茅。

这对我来说很有效……：）

.ajax_uu日历_容器{z-index:1000；}
.ajax\u日历{
位置：相对位置；
左：0px！重要；
顶部：0px！重要；
可见性：可见；显示：块；
}
.ajax\u日历iframe
{
左：0px！重要；
顶部：0px！重要；
}

这对我来说很有效…：）

.ajax_uu日历_容器{z-index:1000；}
.ajax\u日历{
位置：相对位置；
左：0px！重要；
顶部：0px！重要；
可见性：可见；显示：块；
}
.ajax\u日历iframe
{
左：0px！重要；
顶部：0px！重要；
}

我认为这将是另一种情况，对吗。。！！在我的例子中，日历框位于结束日期和DescriptionControl的texbox字段下，以使样式=位置：absolute@chandrakant你的解决方案是对的。@chetan kambli试试这个style=position:absolute这可能会有帮助。.我想这将是另一种情况，对吗。。！！在我的例子中，日历框位于结束日期和DescriptionControl的texbox字段下，以使样式=位置：absolute@chandrakant你的解决方案是正确的。@chetan kambli试试这个style=position:absolute这可能会有帮助。。

<style type="text/css">
       .ajax__calendar_container { z-index : 1000 ; }
       .ajax__calendar {
        position: relative;
        left: 0px !important;
        top: 0px !important;
        visibility: visible; display: block;
    }
    .ajax__calendar iframe
    {
        left: 0px !important;
        top: 0px !important;
    }
    </style>