如何编码日期日历?

时间:2013-04-09 16:19:14

标签: c# asp.net

我有一个简单的表格,如你所见,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>

1 个答案:

答案 0 :(得分: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/

同时

如果您不能将Jquery 用于您的应用程序,您可以完全通过asp.net执行此操作,但使用calander控件会更加复杂。

这是一个很棒的教程,供初学者指导您完成这些步骤,

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