本文介绍了如何在ASP.NET中使用AJAX扩展控件CalendarExtender，详细展示了为TextBox添加日期选择功能的过程，并给出了后台代码示例，随机生成日期并填充到文本框。
运行时的页面是：
页面代码：
<head runat="server">
<title>编辑学员信息</title>
</head>
<body>
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server" />
<div style="position: static; left: 280px; width: 293px; top: 64px; height: 283px;">
<table style="width: 320px; height: 115px; background-color: aliceblue">
<tr>
<td colspan="2" style="text-align: center">
编辑学员信息</td>
</tr>
<tr>
<td style="text-align: right">
姓名：</td>
<td>
<asp:TextBox ID="txtName" runat="server"></asp:TextBox></td>
</tr>
<tr>
<td style="text-align: right">
出生日期：</td>
<td >
<asp:TextBox ID="txtBirthday" runat="server"></asp:TextBox></td>
</tr>
<tr>
<td style="text-align: right">
入学年月：</td>
<td >
<asp:TextBox ID="txtEntranceDate" runat="server"></asp:TextBox>
<asp:ImageButton ID="ibtnCalendarEntrance" runat="server" ImageUrl="~/images/Calendar.png" /></td>
</tr>
</table>
<cc1:CalendarExtender ID="CalendarBirthday" runat="server" Format="yyyy-M-dd" TargetControlID="txtBirthday">
</cc1:CalendarExtender>
<cc1:CalendarExtender ID="CalendarEntrance" runat="server" Format="yyyy年MM月" TargetControlID="txtEntranceDate" PopupButtonID="ibtnCalendarEntrance">
</cc1:CalendarExtender>
</div>
</form>
</body>
后台代码：
public partial class CalendarExtender : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
Random random = new Random();
// 随机产生一个年份
int year = random.Next(1900, 2007);
// 随机产生一个月份
int month = random.Next(1, 13);
// 随机产生一个日期
int date = random.Next(1, 32);
TextBox2.Text = string.Format("{0}-{1}-{2}", year, month, date);
TextBox3.Text = string.Format("{0}-{1}", year, month);
}
}
扫一扫
1234
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
