如何使用aspx使日期输入字段居中?

cig3rfwq  于 2023-03-13  发布在  .NET
关注(0)|答案(1)|浏览(184)

我使用的代码是在08年创建的。我试图居中这个日期输入,每当我这样做的跨度仍然结束在表格的顶部。
我怎样才能让这个输入字段在这个表中保持居中?

下面是我正在使用的代码示例:

<td valign="top" class="style1">
                <div id="patientFilterDiv" style="width: 280px; height: 390px;" class="nonScrollingDiv1">
                    <span id="spnDateFields">
                        <table align="center" class='listStyle1'>
                            <tr>
                                <td>
                                    <span id="spnBeginDate">Begin Date</span>&nbsp;
                                </td>
                                <td>
                                    <span id="spntxtBeginDate">
                                        <input id="beginDate" type="text" runat="server" name="beginDate" style="width: 72px;"></span>&nbsp;
                                </td>
                                <td>
                                    <span id="spnBeginDateImage">
                                        <img id="selectBeginDate" onclick="SelectBeginDate();" src="../../Images/calendar.gif"
                                            style="cursor: hand" /></span>&nbsp;
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <span id="spnEndDate">End Date</span>
                                </td>
                                <td>
                                    <input id="endDate" type="text" runat="server" name="endDate" style="width: 72px;">
                                </td>
                                <td>
                                    <img id="selectEndDate" onclick="SelectEndDate();" src="../../Images/calendar.gif"
                                        style="cursor: hand" />
                                </td>
                            </tr>
                        </table>
                    </span>
                    <span id="spnMonthliesOnly">
                        <table align="center" class='listStyle1'>
                            <tr>
                                <td>
                                    <input id="majorsOnly" type="checkbox" />Monthlies Only</br> <span style="display: none">
                                        <input id="chkEndOfMonth" type="checkbox" />Last Test Of The Month</span>
                                </td>
                            </tr>
                        </table>
                    </span>
                </div>
            </td>
e4yzc0pl

e4yzc0pl1#

首先,您应该意识到,通过设置文本框的文本模式,可以实现一个相当不错的内置日期选择器,如下所示:

<asp:TextBox ID="txtDate" runat="server"
        TextMode="Date" Width="120px">
    </asp:TextBox>

你就得到了这个

无论如何,您可以通过添加文本对齐来使文本框中的文本居中:

<input id="endDate" type="text" 
            runat="server" 
            name="endDate" 
            style="width:92px;text-align:center;">

相关问题