减小日历大小

Question

在下面的代码中，我有一个日期选择器，当我单击打开日期选择器时，日期标签会下降，我想减小日历的大小，请帮我这样做。

代码：

<table id="TblDate" runat="server">
    <tr>
        <td width="50Px">
            <asp:Label ID="lblDate" runat="server"></asp:Label>
        </td>
        <td width="150Px">
          <input type='text' id='sel' onclick='dispCal()' size=10 readonly='readonly' />
          <img src='img/calendar.png' onclick='dispCal()' style='cursor: pointer; vertical-align: middle;' />
          <table class='calendar' id='calendar' width="50Px">
            <tr class='monthdisp'>
                <td class='navigate' align='left'><img src='img/previous.png' onclick='return prev()' /></td>
                <td align='center' id='month'></td>
                <td class='navigate' align='right'><img src='img/next.png' onclick='return next()' /></td>
                </tr>
            <tr>
                <td colspan=3>
                    <table id='dispDays' border=0 cellpadding=4 cellspacing=4>                        
                    </table>                    
                </td>
            </tr>
        </table> 
        </td>
        <td width="40Px">
            <asp:Image ID="Image1" runat="server" />
        </td>


    </tr>
</table>

Answer 1

您为什么要尝试创建自己的日期选择器？ jQuery datepicker 是解决您问题的更好方法。看看这里http://jqueryui.com/datepicker/