2014-01-24 153 views
0

在下面的代碼中,我有一個日期選擇器,當我點擊打開日期選擇器日期標籤下降,我想減少日曆的大小,請幫助我做到這一點。減少日曆大小

代碼:

<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

爲什麼你想創建自己的日期選擇器? jQuery datepicker是一個更好的解決你的問題。看看這裏http://jqueryui.com/datepicker/

+0

日期選擇器正在工作我想縮小日曆的大小,並且當我選擇 – user3224577

+0

時標籤正在向下移動您將不得不向我們展示dispCal()正在執行的操作。你有這個網頁或任何樣式引用的CSS文件?它全部在一個表格行中,您還沒有設置寬度... –