减少日历大小

时间:2014-01-24 09:19:52

标签: html asp.net datepicker

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

代码:

<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>

1 个答案:

答案 0 :(得分:1)

您为什么要创建自己的日期选择器? jQuery datepicker是一个更好的解决方案。看看http://jqueryui.com/datepicker/