2013-04-09 66 views
1

我有一個簡單的表單,如您所見,DOB出生日期,字段,我想用日期選擇器對它進行 ,對此的最佳方法是怎樣的?如何編寫日期日曆?

tr> 
      <td> 
        <dx:ASPxLabel ID="ASPxLabel8" runat="server" Text="DOB:" Width="50px"></dx:ASPxLabel> 
       </td> 
      <td align="left"> 
        &nbsp;</td> 
      <td> 
        <dx:ASPxTextBox ID="tbDOB" runat="server" Width="100px"></dx:ASPxTextBox> 
       </td> 
      <td align="right"> 
        <dx:ASPxLabel ID="ASPxLabel9" runat="server" Text="Weight:" Width="50px"></dx:ASPxLabel> 
       </td> 
      <td align="left"> 
        <dx:ASPxTextBox ID="tbWeight" runat="server" Width="100px"></dx:ASPxTextBox> 
       </td> 
      <td align="right"> 
        <dx:ASPxLabel ID="ASPxLabel10" runat="server" Text="Height:" Width="50px"></dx:ASPxLabel> 
       </td> 
      <td align="left"> 
        <dx:ASPxTextBox ID="tbHeight" runat="server" Width="100px"></dx:ASPxTextBox> 
       </td> 
      <td align="right"> 
        <dx:ASPxLabel ID="ASPxLabel11" runat="server" Text="BP:" Width="50px"></dx:ASPxLabel> 
       </td> 
      <td align="left"> 
        <dx:ASPxTextBox ID="tbBP" runat="server" Width="100px"></dx:ASPxTextBox> 
       </td> 
      <td align="right"> 
        <dx:ASPxLabel ID="ASPxLabel12" runat="server" Text="Pulse:" Width="50px"></dx:ASPxLabel> 
       </td> 
      <td align="left"> 
        <dx:ASPxTextBox ID="tbPulse" runat="server" Width="100px" ></dx:ASPxTextBox> 
       </td> 
     </tr> 
+2

使用jQuery的日期選擇器 – 2013-04-09 16:21:03

+0

那麼你有很多選擇,有一個asp.net日曆控件,有客戶端邊JavaScript(jQuery,很多其他庫等)。 – 2013-04-09 16:21:07

+0

嘗試使用jquery日期選擇器,http://jqueryui.com/datepicker/ – 2013-04-09 16:22:19

回答

0

很簡單的方法來做到這一點是使用jQuery的內置的日期選擇器這樣的:

<dx:ASPxTextBox ID="tbDOB" runat="server" Width="100px"></dx:ASPxTextBox> 

,並在腳本標籤:

<script language="javascript" type="text/javascript"> 
$(document).ready(function(){ 
$("#tbDOB").datepicker(); 
}); 
</script> 

DEMO:http://jsfiddle.net/WzLc3/3/

ALSO:

如果你不能使用jQuery您的應用程序,你可以完全通過asp.net只是稍微更復雜使用壓延contorl做到這一點。

這裏是初學者引導您完成這些步驟一個偉大的教程,

http://www.dotnetfunda.com/articles/article746-how-to-create-a-date-picker-in-aspnet.aspx