Question

我有两个RadDatePickers，一个标签和一个按钮。我正在尝试创建一个表单供用户选择两个日期来设置时间段。我遇到的问题是RadDatepickers不会停留在同一条线上。所有这些元素都在表格中。我希望它们在一行中，而不是元素出现在另一行之下。

这是我的代码：

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <asp:UpdatePanel ID="UpdatePanel5" runat="server">
        <ContentTemplate>
            <table>
                <tr>
                    <td bgcolor="#EEF4FD" class="style77">

                    </td>
                    <td bgcolor="#EEF4FD" class="style87">
                    </td>
                    <td bgcolor="#EEF4FD" class="style83">
                        <asp:RadioButton ID="nameSearch" runat="server" 
                            GroupName="searchRad" Text="Company Name" 
                            AutoPostBack="True" oncheckedchanged="nameSearch_CheckedChanged" />
                    </td>
                </tr>

                <tr>
                    <td bgcolor="#EEF4FD" class="style77">
                    </td>
                    <td bgcolor="#EEF4FD" class="style87">
                    </td>
                    <td bgcolor="#EEF4FD" class="style83">
                        <asp:RadioButton ID="dateSearch" runat="server" GroupName="searchRad" 
                            Text="Date Created" 
                            AutoPostBack="True" oncheckedchanged="dateSearch_CheckedChanged" />
                    </td>
                </tr>
                <tr>
                    <td bgcolor="#EEF4FD" class="style77">
                    </td>
                    <td bgcolor="#EEF4FD" class="style87">
                    </td>
                    <td bgcolor="#EEF4FD" class="style83">
                        <asp:Panel ID="Panel1" runat="server">
                            <asp:TextBox ID="SearchBox" runat="server" Width="350px"></asp:TextBox>
                            &nbsp;&nbsp;
                            <asp:Button ID="btnSearch1" runat="server" Text="Search" onclick="btnSearch1_Click" />
                        </asp:Panel>

                        <asp:Panel ID="Panel2" runat="server" Visible="false">
                            <telerik:RadDatePicker ID="RadDatePicker1" runat="server" DateInput-DateFormat="dd-MM-yyyy" Skin="Default" style="margin-left: 0px">
                            </telerik:RadDatePicker>
                            &nbsp;&nbsp;
                            <asp:Label ID="dash" runat="server" Text=" to "></asp:Label>
                            &nbsp;&nbsp;
                            <telerik:RadDatePicker ID="RadDatePicker2" runat="server" DateInput-DateFormat="dd-MM-yyyy" Skin="Default" style="margin-left: 0px">
                            </telerik:RadDatePicker>
                            &nbsp;&nbsp;
                            <asp:Button ID="btnSearch2" runat="server" Text="Search" onclick="btnSearch2_Click" />
                        </asp:Panel>
                    </td>
                </tr>
            </table>
        </ContentTemplate>
    </asp:UpdatePanel>
</asp:Content>

请帮帮我。提前谢谢。

Answer 1

在上一个TD和TR中删除两个空的colspan="3" 更改上一个TR块，如下所示

               <tr>
                    <td bgcolor="#EEF4FD" class="style83" colspan="3">
                        <asp:Panel ID="Panel1" runat="server">
                            <asp:TextBox ID="SearchBox" runat="server" Width="350px"></asp:TextBox>
                            &nbsp;&nbsp;
                            <asp:Button ID="btnSearch1" runat="server" Text="Search" onclick="btnSearch1_Click" />
                        </asp:Panel>

                        <asp:Panel ID="Panel2" runat="server" Visible="false">
                            <telerik:RadDatePicker ID="RadDatePicker1" runat="server" DateInput-DateFormat="dd-MM-yyyy" Skin="Default" style="margin-left: 0px">
                            </telerik:RadDatePicker>
                            &nbsp;&nbsp;
                            <asp:Label ID="dash" runat="server" Text=" to "></asp:Label>
                            &nbsp;&nbsp;
                            <telerik:RadDatePicker ID="RadDatePicker2" runat="server" DateInput-DateFormat="dd-MM-yyyy" Skin="Default" style="margin-left: 0px">
                            </telerik:RadDatePicker>
                            &nbsp;&nbsp;
                            <asp:Button ID="btnSearch2" runat="server" Text="Search" onclick="btnSearch2_Click" />
                        </asp:Panel>
                    </td>
                </tr>

Answer 2

我明白了。

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <asp:UpdatePanel ID="UpdatePanel5" runat="server">
        <ContentTemplate>
            <table>
                <tr>
                    <td bgcolor="#EEF4FD" class="style77">
                    </td>

                    <td bgcolor="#EEF4FD" class="style87">
                    </td>

                    <td bgcolor="#EEF4FD" class="style83">
                        <asp:RadioButton ID="nameSearch" runat="server" 
                        GroupName="searchRad" Text="Company Name" 
                        AutoPostBack="True" oncheckedchanged="nameSearch_CheckedChanged" />
                    </td>
                </tr>

                <tr>
                    <td bgcolor="#EEF4FD" class="style77">
                    </td>

                    <td bgcolor="#EEF4FD" class="style87">
                    </td>

                    <td bgcolor="#EEF4FD" class="style83">
                        <asp:RadioButton ID="dateSearch" runat="server" GroupName="searchRad" 
                        Text="Date Created" 
                        AutoPostBack="True" oncheckedchanged="dateSearch_CheckedChanged" />
                    </td>
                </tr>

                <tr>
                    <td bgcolor="#EEF4FD" class="style77">
                    </td>

                    <td bgcolor="#EEF4FD" class="style87">
                    </td>

                    <td bgcolor="#EEF4FD" class="style83">
                        <asp:Panel ID="Panel1" runat="server">
                            <asp:TextBox ID="SearchBox" runat="server" Width="350px"></asp:TextBox>
                            &nbsp;&nbsp;
                            <asp:Button ID="btnSearch1" runat="server" Text="Search" onclick="btnSearch1_Click" />
                        </asp:Panel>

                        <asp:Panel ID="Panel2" runat="server" Visible="false">
                            <asp:Table ID="pnlTable" runat="server">
                                <asp:TableRow>
                                    <asp:TableCell>
                                        <telerik:RadDatePicker ID="RadDatePicker1" runat="server" DateInput-DateFormat="dd-MM-yyyy" Skin="Default" style="margin-left: 0px">
                                        </telerik:RadDatePicker>
                                    </asp:TableCell>

                                    <asp:TableCell>
                                        <asp:Label ID="dash" runat="server" Text=" to "></asp:Label>
                                    </asp:TableCell>

                                    <asp:TableCell>
                                        <telerik:RadDatePicker ID="RadDatePicker2" runat="server" DateInput-DateFormat="dd-MM-yyyy" Skin="Default" style="margin-left: 0px">
                                        </telerik:RadDatePicker>
                                    </asp:TableCell>

                                    <asp:TableCell>
                                        <asp:Button ID="btnSearch2" runat="server" Text="Search" onclick="btnSearch2_Click" />
                                    </asp:TableCell>
                                </asp:TableRow>
                            </asp:Table>
                        </asp:Panel>
                    </td>
                </tr>
            </table>
        </ContentTemplate>
    </asp:UpdatePanel>
</asp:Content>

如何在同一条线上获得两个日期选择器？

2 个答案: